[d76b7ee] | 1 | import './App.css';
|
---|
[899b19d] | 2 | import {Route, BrowserRouter as Router, Navigate, Routes, useNavigate} from "react-router-dom";
|
---|
[d76b7ee] | 3 | import axios from 'axios'
|
---|
| 4 | import env from './env'
|
---|
| 5 |
|
---|
| 6 | import {Spin} from "antd";
|
---|
| 7 | import React, {useEffect, useState} from "react";
|
---|
[a26f6a1] | 8 | import {Login, Register} from "./Auth/auth";
|
---|
[d76b7ee] | 9 | import Dashboard from "./Dashboard";
|
---|
| 10 | import Reservations from "./Dashboard/Reservations";
|
---|
| 11 | import FrontPage from "./FrontPage";
|
---|
[cc4db18] | 12 | import Restaurant from "./Dashboard/Restaurant";
|
---|
| 13 | import Menu from "./Dashboard/Menu";
|
---|
[899b19d] | 14 | import Review from "./Dashboard/Review";
|
---|
[a26f6a1] | 15 | import Confirm from "./Auth/Confirm";
|
---|
| 16 | import SendConfirm from "./Auth/SendConfirm";
|
---|
| 17 | import SendReset from "./Auth/SendReset";
|
---|
| 18 | import Reset from "./Auth/Reset";
|
---|
[d76b7ee] | 19 |
|
---|
| 20 |
|
---|
| 21 | function App() {
|
---|
[899b19d] | 22 | const [user, setUser] = useState(undefined)
|
---|
[a26f6a1] | 23 | const [loading, setLoading] = useState(true)
|
---|
[d76b7ee] | 24 | useEffect(()=>{
|
---|
| 25 | getUser()
|
---|
| 26 | },[])
|
---|
| 27 |
|
---|
| 28 | const getUser = () => {
|
---|
| 29 | setLoading(true)
|
---|
[a26f6a1] | 30 | axios.get(env.api+'Users/authed',{headers:{Authorization:localStorage.getItem('Auth')}}).then(res=>{
|
---|
| 31 | console.log(res.data)
|
---|
[d76b7ee] | 32 | setUser(res.data)
|
---|
| 33 | setLoading(false)
|
---|
| 34 | })
|
---|
| 35 | }
|
---|
[899b19d] | 36 | const logout = () => {
|
---|
| 37 | setUser(undefined);
|
---|
[a26f6a1] | 38 | localStorage.removeItem('Auth');
|
---|
[899b19d] | 39 | window.location.replace('/')
|
---|
| 40 | }
|
---|
[d76b7ee] | 41 | return (
|
---|
| 42 | <div style={{textAlign:'center'}}>
|
---|
| 43 | <Router>
|
---|
| 44 | <Routes>
|
---|
[899b19d] | 45 | <Route path="/dashboard" element={loading ? <Spin /> : user ? (user.isAdmin ? <Dashboard setUser={setUser}/> : <Navigate to="/" replace={true} />) : <Navigate to="/login" replace={true} />}>
|
---|
[cc4db18] | 46 | <Route path="/dashboard" element={<Restaurant/>}/>
|
---|
| 47 | <Route path="/dashboard/menu" element={<Menu/>}/>
|
---|
[d76b7ee] | 48 | <Route path="/dashboard/reservations" element={<Reservations/>}/>
|
---|
[899b19d] | 49 | <Route path="/dashboard/reviews" element={<Review/>}/>
|
---|
[d76b7ee] | 50 | <Route path="/dashboard/todo" element={'todo'}/>
|
---|
| 51 | </Route>
|
---|
| 52 | <Route path="/login" element={loading ? <Spin /> : !user ? <Login setUser={setUser}/> : <Navigate to="/dashboard" replace={true} />}/>
|
---|
| 53 | <Route path="/register" element={loading ? <Spin /> : !user ? <Register setUser={setUser}/> : <Navigate to="/dashboard" replace={true} />}/>
|
---|
[a26f6a1] | 54 | <Route path="/reset-password" element={loading ? <Spin /> : <SendReset/>}/>
|
---|
| 55 | <Route path="/reset" element={loading ? <Spin /> : <Reset/>}/>
|
---|
| 56 | <Route path="/confirm" element={loading ? <Spin /> : <Confirm setUser={setUser} user={user}/>}/>
|
---|
| 57 | <Route path="/confirm-email" element={loading ? <Spin /> : <SendConfirm setUser={setUser} user={user}/>}/>
|
---|
[899b19d] | 58 | <Route path="/" element={<FrontPage user={user} logout={logout}/>}/>
|
---|
[d76b7ee] | 59 | </Routes>
|
---|
| 60 | </Router>
|
---|
| 61 | </div>
|
---|
| 62 | );
|
---|
| 63 | }
|
---|
| 64 |
|
---|
| 65 | export default App;
|
---|