1 | import { Route, Switch, Redirect } from 'react-router-dom';
|
---|
2 | import { useHistory } from 'react-router-dom';
|
---|
3 |
|
---|
4 | import {
|
---|
5 | Container,
|
---|
6 | Header,
|
---|
7 | TitleAndLogoWrapper,
|
---|
8 | LogoWrapper,
|
---|
9 | Logo,
|
---|
10 | HeaderTitle,
|
---|
11 | UserNameAndLogoutWrapper,
|
---|
12 | UserName,
|
---|
13 | LogoutIcon,
|
---|
14 | HeaderAndMainSectionWrapper,
|
---|
15 | SideMenu,
|
---|
16 | DashboardIcon,
|
---|
17 | SupervisorAccountIcon,
|
---|
18 | MainSection,
|
---|
19 | DividerUnderHeader,
|
---|
20 | UserIcon,
|
---|
21 | } from './styles';
|
---|
22 |
|
---|
23 | import IconButton from '@mui/material/IconButton';
|
---|
24 |
|
---|
25 | import logo from '../../resources/logo_2_transparent_bg.jpg';
|
---|
26 | import { roles } from '../../config/enums';
|
---|
27 | import DestinationComponent from '../../utils/DestinationComponent';
|
---|
28 | import onClickRouting from '../../utils/onClickRouting';
|
---|
29 |
|
---|
30 | import ParkingZones from '../../components/admin/ParkingZones';
|
---|
31 | import EmployeesTable from '../../components/admin/EmployeesTable';
|
---|
32 | import EmployeeEdit from '../../components/admin/EmployeeEdit';
|
---|
33 | import EmployeeCreate from '../../components/admin/EmployeeCreate';
|
---|
34 | import ParkingZone from '../../components/admin/ParkingZone';
|
---|
35 |
|
---|
36 | const ToParkingZones = new DestinationComponent('/', ParkingZones, true);
|
---|
37 | const ToEmployeesTable = new DestinationComponent(
|
---|
38 | '/employees',
|
---|
39 | EmployeesTable,
|
---|
40 | true
|
---|
41 | );
|
---|
42 | const ToEmployeeCreate = new DestinationComponent(
|
---|
43 | '/employees/create',
|
---|
44 | EmployeeCreate,
|
---|
45 | true
|
---|
46 | );
|
---|
47 | const ToEmployeeEdit = new DestinationComponent(
|
---|
48 | '/employees/:employeeId',
|
---|
49 | EmployeeEdit,
|
---|
50 | true
|
---|
51 | );
|
---|
52 | const ToParkingZone = new DestinationComponent(
|
---|
53 | '/zone/:zone_id',
|
---|
54 | ParkingZone,
|
---|
55 | true
|
---|
56 | );
|
---|
57 |
|
---|
58 | const adminRoutes = [
|
---|
59 | ToParkingZones,
|
---|
60 | ToEmployeesTable,
|
---|
61 | ToEmployeeCreate,
|
---|
62 | ToEmployeeEdit,
|
---|
63 | ToParkingZone,
|
---|
64 | ];
|
---|
65 |
|
---|
66 | const employeeRoutes = [ToParkingZones, ToParkingZone];
|
---|
67 |
|
---|
68 | const AdminHomeScreen = (props) => {
|
---|
69 | let history = useHistory();
|
---|
70 | const user = {
|
---|
71 | role: 'ROLE_ADMIN',
|
---|
72 | };
|
---|
73 |
|
---|
74 | let routes = user.role === roles.admin ? adminRoutes : employeeRoutes;
|
---|
75 |
|
---|
76 | return (
|
---|
77 | <Container>
|
---|
78 | <SideMenu>
|
---|
79 | <IconButton onClick={() => onClickRouting('/', history)}>
|
---|
80 | <DashboardIcon />
|
---|
81 | </IconButton>
|
---|
82 | {user.role === roles.admin ? (
|
---|
83 | <IconButton onClick={() => onClickRouting('/employees', history)}>
|
---|
84 | <SupervisorAccountIcon />
|
---|
85 | </IconButton>
|
---|
86 | ) : null}
|
---|
87 | </SideMenu>
|
---|
88 |
|
---|
89 | <HeaderAndMainSectionWrapper>
|
---|
90 | <Header>
|
---|
91 | <TitleAndLogoWrapper>
|
---|
92 | <LogoWrapper>
|
---|
93 | <Logo src={logo} />
|
---|
94 | </LogoWrapper>
|
---|
95 | <HeaderTitle>Park Up</HeaderTitle>
|
---|
96 | </TitleAndLogoWrapper>
|
---|
97 |
|
---|
98 | <UserNameAndLogoutWrapper>
|
---|
99 | <UserIcon />
|
---|
100 | <UserName>Viktor Tasevski</UserName>
|
---|
101 | <IconButton>
|
---|
102 | <LogoutIcon />
|
---|
103 | </IconButton>
|
---|
104 | </UserNameAndLogoutWrapper>
|
---|
105 | </Header>
|
---|
106 | <DividerUnderHeader />
|
---|
107 | <MainSection>
|
---|
108 | <Switch>
|
---|
109 | {routes?.map((route, index) => (
|
---|
110 | <Route
|
---|
111 | key={index}
|
---|
112 | path={route.path}
|
---|
113 | component={route.component}
|
---|
114 | exact={route.exact}
|
---|
115 | />
|
---|
116 | ))}
|
---|
117 | <Redirect to='/' />
|
---|
118 | </Switch>
|
---|
119 | </MainSection>
|
---|
120 | </HeaderAndMainSectionWrapper>
|
---|
121 | </Container>
|
---|
122 | );
|
---|
123 | };
|
---|
124 |
|
---|
125 | export default AdminHomeScreen;
|
---|