frontend/containers/DrawerMenu/index.tsx (view raw)
1import Drawer from '@material-ui/core/Drawer';
2import Icon from '@material-ui/core/Icon';
3import {useTranslation} from 'react-i18next';
4import {useRouter} from 'next/router';
5import DrawerMenuItem from './DrawerMenuItem';
6import useStyles from './styles';
7
8const DrawerMenu = () => {
9 const {t} = useTranslation();
10 const classes = useStyles();
11 const router = useRouter();
12 const {
13 query: {uuid},
14 } = router;
15
16 return (
17 <Drawer variant="permanent" className={classes.drawer}>
18 <DrawerMenuItem
19 title={t('drawer.travels')}
20 onClick={() => {
21 router.push(`/e/${uuid}`, null, {shallow: true});
22 }}
23 Icon={<Icon>directions_car</Icon>}
24 active={router.pathname == `/e/[uuid]`}
25 />
26 <DrawerMenuItem
27 title={t('drawer.waitingList')}
28 onClick={() => {
29 router.push(`/e/${uuid}/waitingList`, null, {shallow: true});
30 }}
31 Icon={<Icon>group</Icon>}
32 active={router.pathname == `/e/[uuid]/waitingList`}
33 />
34 <DrawerMenuItem
35 title={t('drawer.information')}
36 onClick={() => {
37 router.push(`/e/${uuid}/details`, null, {shallow: true});
38 }}
39 Icon={<Icon>info</Icon>}
40 active={router.pathname == `/e/[uuid]/details`}
41 />
42 </Drawer>
43 );
44};
45
46export default DrawerMenu;