aboutsummaryrefslogtreecommitdiff
path: root/modern/src/components/reports/ReportSidebar.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/components/reports/ReportSidebar.js')
-rw-r--r--modern/src/components/reports/ReportSidebar.js18
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;