summaryrefslogtreecommitdiff
path: root/client/src/main.tsx
blob: 0e5a2f7c7a497a4c2219f3025d3d8df47c1d972b (plain)
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
70
71
72
73
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 './components/GuestLogin';
import Rsvp from './components/Rsvp';
import RsvpForm from './components/RsvpForm';
import Home from './components/Home';
import AdminLogin from './components/AdminLogin';
import Admin from './components/Admin';
import Dashboard from './components/Dashboard';
import './main.css';

const router = createBrowserRouter([
  {
    element: <App />,
    children: [
      {
        path: '/',
        element: <Home />,
      },
      {
        path: 'schedule',
        element: <Schedule />,
      },
      {
        path: 'registry',
        element: <Registry />,
      },
      {
        path: 'guests/login',
        element: <GuestLogin />,
      },
      {
        path: 'admin/login',
        element: <AdminLogin />,
      },
      {
        element: <Rsvp />,
        children: [
          {
            path: 'rsvp',
            element: <RsvpForm />,
          },
        ],
      },
      {
        element: <Admin />,
        children: [
          {
            path: 'dashboard',
            element: <Dashboard />,
          },
        ],
      },
    ],
  },
]);

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <Provider store={store}>
      <ThemeContextProvider>
        <RouterProvider router={router} />
      </ThemeContextProvider>
    </Provider>
  </React.StrictMode>
);