From 4ddfd0e322d79fb1b3b6603a252c0f3fa5a98270 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 5 Mar 2024 13:52:19 +0000
Subject: extension: Use react-query and trpc in the extension

---
 packages/browser-extension/src/App.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'packages/browser-extension/src/App.tsx')

diff --git a/packages/browser-extension/src/App.tsx b/packages/browser-extension/src/App.tsx
index 1044363b..279c8b7a 100644
--- a/packages/browser-extension/src/App.tsx
+++ b/packages/browser-extension/src/App.tsx
@@ -1,6 +1,6 @@
-import { Settings, X } from "lucide-react";
+import { RefreshCw, Settings, X } from "lucide-react";
 import SavePage from "./SavePage";
-import usePluginSettings from "./settings";
+import usePluginSettings from "./utils/settings";
 import { useNavigate } from "react-router-dom";
 
 function App() {
@@ -18,9 +18,14 @@ function App() {
 
   return (
     <div className="flex flex-col space-y-2">
-      <SavePage settings={settings} />
+      <SavePage />
       <hr />
       <div className="flex justify-end space-x-3">
+        {process.env.NODE_ENV == "development" && (
+          <button onClick={() => navigate(0)}>
+            <RefreshCw className="w-4" />
+          </button>
+        )}
         <button onClick={() => navigate("/options")}>
           <Settings className="w-4" />
         </button>
-- 
cgit v1.2.3-70-g09d2

