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;