🚑 add basepath to react router

Author: eliasnijs

solid-watchparty/src/App.jsx

@@ -7,11 +7,13 @@ import LoginPage from './pages/LoginPage';
 import MenuPage from './pages/MenuPage';
 import WatchPage from './pages/WatchPage';
 
+/* config imports */
+import { BASEPATH } from 'config'
 
 const router = createBrowserRouter([
-  {path: "/", element: <LoginPage/>},
-  {path: "/menu", element: <MenuPage/>},
-  {path: "/watch", element: <WatchPage/>},
+  {path: (BASEPATH + "/"), element: <LoginPage/>},
+  {path: (BASEPATH + "/menu"), element: <MenuPage/>},
+  {path: (BASEPATH + "/watch"), element: <WatchPage/>},
 ]);
 
 function App() {

solid-watchparty/src/config.js

@@ -1,5 +1,5 @@
+export const BASEPATH = '/solid-watch-party'
 
 /* NOTE(Elias): default POD directory structure related to the watchparty */
 export const ROOMS_ROOT = 'watchparties/myRooms';
 export const MESSAGES_ROOT = 'watchparties/myMessages';
-