diff options
author | Anton Tananaev <anton.tananaev@gmail.com> | 2021-09-03 09:41:20 -0700 |
---|---|---|
committer | Anton Tananaev <anton.tananaev@gmail.com> | 2021-09-03 09:41:20 -0700 |
commit | 6ac6ceaed16b2ae5ef58ba599d24a868ac2f816a (patch) | |
tree | edd24c732d6439e6fb3c03f021d9f0842468d474 /modern/src/reports/ReportLayout.js | |
parent | 105e4ec887e249ec47db83095504012bad22df80 (diff) | |
download | etbsa-traccar-web-6ac6ceaed16b2ae5ef58ba599d24a868ac2f816a.tar.gz etbsa-traccar-web-6ac6ceaed16b2ae5ef58ba599d24a868ac2f816a.tar.bz2 etbsa-traccar-web-6ac6ceaed16b2ae5ef58ba599d24a868ac2f816a.zip |
Finish migrations
Diffstat (limited to 'modern/src/reports/ReportLayout.js')
-rw-r--r-- | modern/src/reports/ReportLayout.js | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/modern/src/reports/ReportLayout.js b/modern/src/reports/ReportLayout.js index 9bf1dd5..f6e71db 100644 --- a/modern/src/reports/ReportLayout.js +++ b/modern/src/reports/ReportLayout.js @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react'; +import React, { useState, useEffect, useMemo } from 'react'; import { useHistory, useLocation } from 'react-router-dom'; import { Grid, Typography, Divider, Drawer, makeStyles, IconButton, Hidden, @@ -51,15 +51,6 @@ const useStyles = makeStyles((theme) => ({ }, })); -const routes = [ - { name: t('reportRoute'), href: '/reports/route', icon: <TimelineIcon /> }, - { name: t('reportEvents'), href: '/reports/event', icon: <NotificationsActiveIcon /> }, - { name: t('reportTrips'), href: '/reports/trip', icon: <PlayCircleFilledIcon /> }, - { name: t('reportStops'), href: '/reports/stop', icon: <PauseCircleFilledIcon /> }, - { name: t('reportSummary'), href: '/reports/summary', icon: <FormatListBulletedIcon /> }, - { name: t('reportChart'), href: '/reports/chart', icon: <TrendingUpIcon /> }, -]; - const ReportLayout = ({ children, filter }) => { const classes = useStyles(); const history = useHistory(); @@ -69,6 +60,15 @@ const ReportLayout = ({ children, filter }) => { const [openDrawer, setOpenDrawer] = useState(false); const [reportTitle, setReportTitle] = useState(); + const routes = useMemo(() => [ + { name: t('reportRoute'), href: '/reports/route', icon: <TimelineIcon /> }, + { name: t('reportEvents'), href: '/reports/event', icon: <NotificationsActiveIcon /> }, + { name: t('reportTrips'), href: '/reports/trip', icon: <PlayCircleFilledIcon /> }, + { name: t('reportStops'), href: '/reports/stop', icon: <PauseCircleFilledIcon /> }, + { name: t('reportSummary'), href: '/reports/summary', icon: <FormatListBulletedIcon /> }, + { name: t('reportChart'), href: '/reports/chart', icon: <TrendingUpIcon /> }, + ], [t]); + useEffect(() => { routes.forEach((route) => { switch (location.pathname) { |