feature: A usable, yet ugly browser extension

1 files changed, 11 insertions, 10 deletions

diff --git a/packages/browser-extension/src/main.tsx b/packages/browser-extension/src/main.tsx
index 298ab388..c4f5a2d9 100644
--- a/packages/browser-extension/src/main.tsx
+++ b/packages/browser-extension/src/main.tsx
@@ -2,27 +2,28 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
-import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
-import SettingsPage from "./SettingsPage.tsx";
+import { createHashRouter, RouterProvider } from "react-router-dom";
+import OptionsPage from "./OptionsPage.tsx";
+import NotConfiguredPage from "./NotConfiguredPage.tsx";
 
-const router = createBrowserRouter([
-  {
-    path: "/index.html",
-    element: <Navigate to="/" />,
-  },
+const router = createHashRouter([
   {
     path: "/",
     element: <App />,
   },
   {
-    path: "/settings",
-    element: <SettingsPage />,
+    path: "/notconfigured",
+    element: <NotConfiguredPage />,
+  },
+  {
+    path: "/options",
+    element: <OptionsPage />,
   },
 ]);
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <div className="p-4 w-96">
+    <div className="w-96 p-4">
       <RouterProvider router={router} />
     </div>
   </React.StrictMode>,