modern/src/App.js


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
87
88
89
90
91

import React from 'react';
import { ThemeProvider } from '@material-ui/core/styles';
import { Switch, Route } from 'react-router-dom';
import CssBaseline from '@material-ui/core/CssBaseline';
import { useSelector } from 'react-redux';
import { LinearProgress } from '@material-ui/core';
import MainPage from './MainPage';
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 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';
import ComputedAttributesPage from './settings/ComputedAttributesPage';
import ComputedAttributePage from './settings/ComputedAttributePage';
import MaintenancesPage from './settings/MaintenancesPage';
import MaintenancePage from './settings/MaintenancePage';
import StatisticsPage from './admin/StatisticsPage';
import CachingController from './CachingController';

import LoginForm from './components/registration/LoginForm';
import RegisterForm from './components/registration/RegisterForm';
import ResetPasswordForm from './components/registration/ResetPasswordForm';

import theme from './theme';
import GeofencesPage from './GeofencesPage';
import GeofencePage from './GeofencePage';

const App = () => {
  const initialized = useSelector((state) => !!state.session.server && !!state.session.user);

  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <SocketController />
      <CachingController />
      <Switch>
        <Route exact path="/login" component={LoginForm} />
        <Route exact path="/register" component={RegisterForm} />
        <Route exact path="/reset-password" component={ResetPasswordForm} />
        <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="/geofence/:id?" component={GeofencePage} />
              <Route exact path="/geofences" component={GeofencesPage} />
              <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="/settings/drivers" component={DriversPage} />
              <Route exact path="/settings/driver/:id?" component={DriverPage} />
              <Route exact path="/settings/attributes" component={ComputedAttributesPage} />
              <Route exact path="/settings/attribute/:id?" component={ComputedAttributePage} />
              <Route exact path="/settings/maintenances" component={MaintenancesPage} />
              <Route exact path="/settings/maintenance/:id?" component={MaintenancePage} />
              <Route exact path="/admin/server" component={ServerPage} />
              <Route exact path="/admin/users" component={UsersPage} />
              <Route exact path="/admin/statistics" component={StatisticsPage} />
              <Route exact path="/reports/route" component={RouteReportPage} />
              <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} />
            </Switch>
          )}
        </Route>
      </Switch>
    </ThemeProvider>
  );
};

export default App;