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
|
import '@fontsource-variable/outfit'
import './styles/Pages.css'
import { createRoot } from 'react-dom/client'
import { createBrowserRouter, Navigate, RouterProvider } from 'react-router'
import { StopList } from './pages/StopList.tsx'
import { Estimates } from './pages/Estimates.tsx'
import { StopMap } from './pages/Map.tsx'
import { Layout } from './Layout.tsx'
import { About } from './pages/About.tsx'
const router = createBrowserRouter([
{
path: '/',
element: <Layout><Navigate to="/stops" /></Layout>,
},
{
path: '/stops',
element: <Layout><StopList /></Layout>,
},
{
path: '/map',
element: <Layout><StopMap /></Layout>,
},
{
path: '/estimates/:stopId',
element: <Layout><Estimates /></Layout>
},
{
path: '/about',
element: <Layout><About /></Layout>
}
])
createRoot(document.getElementById('root')!).render(
<RouterProvider router={router} />,
)
|
