From 7ddcb5fe6b7de9df3e0424598d1836d51c3f80eb Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 22 Apr 2024 18:28:41 +0100
Subject: ui(extension): Use shadcn and better dark mode support

---
 apps/browser-extension/src/Layout.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'apps/browser-extension/src/Layout.tsx')

diff --git a/apps/browser-extension/src/Layout.tsx b/apps/browser-extension/src/Layout.tsx
index bf760362..0431f550 100644
--- a/apps/browser-extension/src/Layout.tsx
+++ b/apps/browser-extension/src/Layout.tsx
@@ -1,6 +1,7 @@
 import { Home, RefreshCw, Settings, X } from "lucide-react";
 import { Outlet, useNavigate } from "react-router-dom";
 
+import { Button } from "./components/ui/button";
 import usePluginSettings from "./utils/settings";
 
 export default function Layout() {
@@ -35,16 +36,16 @@ export default function Layout() {
         </div>
         <div className="flex space-x-3">
           {process.env.NODE_ENV == "development" && (
-            <button onClick={() => navigate(0)}>
+            <Button onClick={() => navigate(0)}>
               <RefreshCw className="w-4" />
-            </button>
+            </Button>
           )}
-          <button onClick={() => navigate("/options")}>
+          <Button onClick={() => navigate("/options")}>
             <Settings className="w-4" />
-          </button>
-          <button onClick={() => window.close()}>
+          </Button>
+          <Button onClick={() => window.close()}>
             <X className="w-4" />
-          </button>
+          </Button>
         </div>
       </div>
     </div>
-- 
cgit v1.2.3-70-g09d2

