1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
import React from 'react';
import ReactDOM from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import { Provider } from 'react-redux';
import App from './App';
import store from './store';
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';
import Home from './components/Home';
import './main.css';
const router = createBrowserRouter([
{
element: <App />,
children: [
{
path: '/',
element: <Home />,
},
{
path: 'schedule',
element: <Schedule />,
},
{
path: 'registry',
element: <Registry />,
},
{
path: 'guest-login',
element: <GuestLogin />,
},
{
path: 'admin',
element: <Admin />,
},
],
},
{
element: <Rsvp />,
children: [
{
path: 'rsvp',
element: <RsvpForm />,
},
],
},
]);
const enableMocking = async () => {
const { worker } = await import('./mocks/browser');
return worker.start();
};
enableMocking().then(() => {
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<Provider store={store}>
<ThemeContextProvider>
<RouterProvider router={router} />
</ThemeContextProvider>
</Provider>
</React.StrictMode>
);
});
|
