diff options
| author | MohamedBassem <me@mbassem.com> | 2024-02-13 00:48:32 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-02-13 13:21:58 +0000 |
| commit | 400b696f74d7bde3717483ed7cfec5b8de675018 (patch) | |
| tree | 0ddd00f011127087ff344a64b817459aca323b93 /packages/browser-extension | |
| parent | 33c9e8bca54d753c7ea976dd178db0cd5408c218 (diff) | |
| download | karakeep-400b696f74d7bde3717483ed7cfec5b8de675018.tar.zst | |
feature: Add a dismiss button to the browser popup
Diffstat (limited to 'packages/browser-extension')
| -rw-r--r-- | packages/browser-extension/package.json | 1 | ||||
| -rw-r--r-- | packages/browser-extension/src/App.tsx | 10 |
2 files changed, 8 insertions, 3 deletions
diff --git a/packages/browser-extension/package.json b/packages/browser-extension/package.json index 3c8a4e8d..0d4f8fb1 100644 --- a/packages/browser-extension/package.json +++ b/packages/browser-extension/package.json @@ -12,6 +12,7 @@ "dependencies": { "@types/chrome": "^0.0.260", "localforage": "^1.10.0", + "lucide-react": "^0.330.0", "match-sorter": "^6.3.4", "react": "^18.2.0", "react-dom": "^18.2.0", 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> |