blob: 94f1ed72d5a7234d8d6a861f976908d0cac81081 (
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
|
import React from 'react';
import { Switch, Route } from 'react-router-dom'
import CssBaseline from '@material-ui/core/CssBaseline';
import MainPage from './MainPage';
import LoginPage from './LoginPage';
import RouteReportPage from './reports/RouteReportPage';
import ServerPage from './admin/ServerPage';
import UsersPage from './admin/UsersPage';
import DevicePage from './DevicePage';
import UserPage from './UserPage';
import SocketController from './SocketController';
import NotificationsPage from './settings/NotificationsPage';
import NotificationPage from './settings/NotificationPage';
import GroupsPage from './settings/GroupsPage';
import GroupPage from './settings/GroupPage';
import PositionPage from './PositionPage';
import EventReportPage from './reports/EventReportPage';
import ReplayPage from './reports/ReplayPage';
import { useSelector } from 'react-redux';
import { LinearProgress } from '@material-ui/core';
import TripReportPage from './reports/TripReportPage';
import StopReportPage from './reports/StopReportPage';
import SummaryReportPage from './reports/SummaryReportPage';
import ChartReportPage from './reports/ChartReportPage';
import DriversPage from './settings/DriversPage';
import DriverPage from './settings/DriverPage';
const App = () => {
const initialized = useSelector(state => !!state.session.server && !!state.session.user);
return (
<>
<CssBaseline />
<SocketController />
<Switch>
<Route exact path='/login' component={LoginPage} />
<Route>
{!initialized ? (<LinearProgress />) : (
<Switch>
<Route exact path='/' component={MainPage} />
<Route exact path='/replay' component={ReplayPage} />
<Route exact path='/position/:id?' component={PositionPage} />
<Route exact path='/user/:id?' component={UserPage} />
<Route exact path='/device/:id?' component={DevicePage} />
<Route exact path='/reports/route' component={RouteReportPage} />
<Route exact path='/settings/notifications' component={NotificationsPage} />
<Route exact path='/settings/notification/:id?' component={NotificationPage} />
<Route exact path='/settings/groups' component={GroupsPage} />
<Route exact path='/settings/group/:id?' component={GroupPage} />
<Route exact path='/admin/server' component={ServerPage} />
<Route exact path='/admin/users' component={UsersPage} />
<Route exact path='/reports/event' component={EventReportPage} />
<Route exact path='/reports/trip' component={TripReportPage} />
<Route exact path='/reports/stop' component={StopReportPage} />
<Route exact path='/reports/summary' component={SummaryReportPage} />
<Route exact path='/reports/chart' component={ChartReportPage} />
<Route exact path='/settings/drivers' component={DriversPage} />
<Route exact path='/settings/driver/:id?' component={DriverPage} />
</Switch>
)}
</Route>
</Switch>
</>
);
}
export default App;
|