van_life/index.jsx at main · Lefie/van_life · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86

import { createRoot } from 'react-dom/client'
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom'
import Vans from './pages/Vans'
import VanDetails from './pages/VanDetails'
import About from './pages/About'
import Home from './pages/Home'
import BaseLayout from './pages/BaseLayout'
import HostLayout from './pages/Host/HostLayout'
import Dashboard from "./pages/Host/Dashboard"
import Income from './pages/Host/Income'
import VansHost from './pages/Host/VansHost'
import VansDetailsHost from './pages/Host/VansDetailsHost'
import Reviews from "./pages/Host/Reviews"
import Details from "./pages/Host/VansHost/Details"
import Pricing from "./pages/Host/VansHost/Pricing"
import Photos from "./pages/Host/VansHost/Photos"
import NotFound from './pages/NotFound'
import Login from './pages/Login'
import Registration from './pages/Registration'
import AuthRequired from './pages/AuthRequired'
import { UserLoginContext, UserLoginProvider } from './context/UserLoginContext'
import { useContext } from 'react'
import ReviewChart from './ui_components/ReviewChart'
import IncomeChart from './ui_components/IncomeChart'
import UserLayout from './pages/User/UserLayout'
import UserDashboard from './pages/User/UserDashboard'
import RentalHisotry from './pages/User/RentalHistory'
import Upcoming from './pages/User/Upcoming'
import VanDetailsEdit from './pages/Host/VanDetailsEdit'
import VanRegister from './pages/Host/VanRegister'
import VansHostList from './pages/VansHostNameList'
import HostProfile from './pages/HostProfile'


function App() {


  return (

    <BrowserRouter>
    <UserLoginProvider>
      <Routes>
          <Route path="/" element={<BaseLayout />}>
            <Route index element={<Home />} />
            <Route path="login" element={<Login />}/>
            <Route path="register" element={<Registration />} />
            <Route path="about" element={<About />} />
            <Route path="vans" element={<Vans />} />
            <Route path="vans/:id" element={<VanDetails />} />
            <Route path="vans/hosts" element={<VansHostList />}/>
            <Route path="vans/hosts/:name" element={<HostProfile />} />

            <Route element={<AuthRequired />}>
              <Route path="host/:username" element={<HostLayout />}>
                  <Route index element={<Dashboard/>} />
                  <Route path="income" element={<Income />}/>
                  <Route path="vans" element={<VansHost />} />
                  <Route path="vans/:id/setting" element={<VanDetailsEdit />} />
                  <Route path="vans/van/new" element={<VanRegister />}/>
                  <Route path="vans/:id" element={<VansDetailsHost />}>
                    <Route index element={<Details />} />
                    <Route path="pricing" element={<Pricing />} />
                    <Route path="photos" element={<Photos />} />
                  </Route>
                  <Route path="reviews" element={<Reviews/>} />
              </Route>
                <Route path=":username" element={<UserLayout />}>
                  <Route index element={<UserDashboard />} />
                  <Route path="rental_history" element={<RentalHisotry />} />
                  <Route path="upcoming_rental" element={<Upcoming />} />
                <Route />
              </Route>
            </Route>
            <Route path="*" element={<NotFound />} />
          </Route>
      </Routes>
      </UserLoginProvider>
    </BrowserRouter>
  )
}

createRoot(document.getElementById('root')).render(
    <App />
)