From 400b696f74d7bde3717483ed7cfec5b8de675018 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 13 Feb 2024 00:48:32 +0000
Subject: feature: Add a dismiss button to the browser popup

---
 packages/browser-extension/src/App.tsx | 10 +++++++---
 1 file changed, 7 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 8a2c4920..1044363b 100644
--- a/packages/browser-extension/src/App.tsx
+++ b/packages/browser-extension/src/App.tsx
@@ -1,3 +1,4 @@
+import { Settings, X } from "lucide-react";
 import SavePage from "./SavePage";
 import usePluginSettings from "./settings";
 import { useNavigate } from "react-router-dom";
@@ -19,9 +20,12 @@ function App() {
     <div className="flex flex-col space-y-2">
       <SavePage settings={settings} />
       <hr />
-      <div className="flex justify-end">
-        <button className="w-2/6" onClick={() => navigate("/options")}>
-          Settings
+      <div className="flex justify-end space-x-3">
+        <button onClick={() => navigate("/options")}>
+          <Settings className="w-4" />
+        </button>
+        <button onClick={() => window.close()}>
+          <X className="w-4" />
         </button>
       </div>
     </div>
-- 
cgit v1.2.3-70-g09d2

