extension: Allow deleting and opening newly saved bookmarks

1 files changed, 22 insertions, 18 deletions

diff --git a/packages/browser-extension/src/main.tsx b/packages/browser-extension/src/main.tsx
index 3e269982..cebbde34 100644
--- a/packages/browser-extension/src/main.tsx
+++ b/packages/browser-extension/src/main.tsx
@@ -1,32 +1,36 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App.tsx";
 import "./index.css";
-import { createHashRouter, RouterProvider } from "react-router-dom";
 import OptionsPage from "./OptionsPage.tsx";
 import NotConfiguredPage from "./NotConfiguredPage.tsx";
 import { Providers } from "./utils/providers.tsx";
-
-const router = createHashRouter([
-  {
-    path: "/",
-    element: <App />,
-  },
-  {
-    path: "/notconfigured",
-    element: <NotConfiguredPage />,
-  },
-  {
-    path: "/options",
-    element: <OptionsPage />,
-  },
-]);
+import BookmarkSavedPage from "./BookmarkSavedPage.tsx";
+import { HashRouter, Routes, Route } from "react-router-dom";
+import Layout from "./Layout.tsx";
+import SavePage from "./SavePage.tsx";
+import BookmarkDeletedPage from "./BookmarkDeletedPage.tsx";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <div className="w-96 p-4">
       <Providers>
-        <RouterProvider router={router} />
+        <HashRouter>
+          <Routes>
+            <Route element={<Layout />}>
+              <Route path="/" element={<SavePage />} />
+              <Route
+                path="/bookmark/:bookmarkId"
+                element={<BookmarkSavedPage />}
+              />
+              <Route
+                path="/bookmarkdeleted"
+                element={<BookmarkDeletedPage />}
+              />
+            </Route>
+            <Route path="/notconfigured" element={<NotConfiguredPage />} />
+            <Route path="/options" element={<OptionsPage />} />
+          </Routes>
+        </HashRouter>
       </Providers>
     </div>
   </React.StrictMode>,