[3a58bd6] | 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;
|
---|