From 33c9e8bca54d753c7ea976dd178db0cd5408c218 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 13 Feb 2024 00:29:25 +0000
Subject: feature: A usable, yet ugly browser extension

---
 packages/browser-extension/src/main.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

(limited to 'packages/browser-extension/src/main.tsx')

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>,
-- 
cgit v1.2.3-70-g09d2