1 files changed, 36 insertions, 17 deletions

diff --git a/src/main.tsx b/src/main.tsx
index ecc4803..1e7c31a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,47 +2,66 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { render } from 'react-dom';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { ApiProvider } from '@reduxjs/toolkit/query/react';
+import { Provider } from 'react-redux';
 
 import App from './App';
+import store from './store';
 import { apiSlice } from './apiSlice';
 import ThemeContextProvider from './ThemeContextProvider'
 import Schedule from './components/Schedule';
 import Registry from './components/Registry';
+import GuestLogin from './features/auth/GuestLogin';
 import Rsvp from './components/Rsvp';
+import RsvpForm from './components/RsvpForm';
 import Admin from './components/Admin';
 
 const router = createBrowserRouter([
   {
-    path: "/",
+    path: '/',
     element: <App />,
     children: [
       {
-        path: "schedule",
+        path: 'schedule',
         element: <Schedule />
       },
       {
-        path: "registry",
+        path: 'registry',
         element: <Registry />
       },
       {
-        path: "rsvp",
-        element: <Rsvp />
+        path: 'guest-login',
+        element: <GuestLogin />
       },
       {
-        path: "admin",
+        path: 'admin',
         element: <Admin />
       }
+    ],
+  },
+  {
+    element: <Rsvp />,
+    children: [
+      {
+        path: 'rsvp',
+        element: <RsvpForm />
+      }
     ]
   }
-])
+], { basename: '/wedding' });
+
+const enableMocking = async () => {
+  const { worker } = await import('./mocks/browser');
+  return worker.start();
+};
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <ApiProvider api={apiSlice}>
-      <ThemeContextProvider>
-        <RouterProvider router={router} />
-      </ThemeContextProvider>
-    </ApiProvider>
-  </React.StrictMode>
-)
+enableMocking().then(() => {
+  ReactDOM.createRoot(document.getElementById('root')!).render(
+    <React.StrictMode>
+      <Provider store={store}>
+        <ThemeContextProvider>
+          <RouterProvider router={router} />
+        </ThemeContextProvider>
+      </Provider>
+    </React.StrictMode>
+  );
+});