diff options
Diffstat (limited to 'modern/src/components/reports/ReportSidebar.js')
-rw-r--r-- | modern/src/components/reports/ReportSidebar.js | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/modern/src/components/reports/ReportSidebar.js b/modern/src/components/reports/ReportSidebar.js index 90e20c0..686fc04 100644 --- a/modern/src/components/reports/ReportSidebar.js +++ b/modern/src/components/reports/ReportSidebar.js @@ -1,21 +1,23 @@ import React from 'react'; -import { List, ListItem, ListItemText, ListItemIcon } from '@material-ui/core'; +import { + List, ListItem, ListItemText, ListItemIcon, +} from '@material-ui/core'; import { Link, useLocation } from 'react-router-dom'; const ReportSidebar = ({ routes }) => { - const location = useLocation(); return ( - <List disablePadding style={{paddingTop: '16px'}}> - {routes.map((route, index) => ( + <List disablePadding style={{ paddingTop: '16px' }}> + {routes.map((route) => ( <ListItem disableRipple component={Link} - key={`${route}${index}`} + key={route} button to={route.href} - selected={route.href === location.pathname}> + selected={route.href === location.pathname} + > <ListItemIcon> {route.icon} </ListItemIcon> @@ -23,7 +25,7 @@ const ReportSidebar = ({ routes }) => { </ListItem> ))} </List> - ) -} + ); +}; export default ReportSidebar; |