aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-08 14:18:00 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-08 14:18:00 -0700
commite9f85e4559b83bcca479969663ae6df80d97f803 (patch)
tree020f721d1cfee47564f8de4b5de8105d9002af19 /modern
parent3ad1ca72cabbf2294d06e4d7891abf889a0b7a62 (diff)
downloadtrackermap-web-e9f85e4559b83bcca479969663ae6df80d97f803.tar.gz
trackermap-web-e9f85e4559b83bcca479969663ae6df80d97f803.tar.bz2
trackermap-web-e9f85e4559b83bcca479969663ae6df80d97f803.zip
Remove legacy code
Diffstat (limited to 'modern')
-rw-r--r--modern/src/other/GeofencesPage.js12
-rw-r--r--modern/src/reports/components/Graph.js4
2 files changed, 10 insertions, 6 deletions
diff --git a/modern/src/other/GeofencesPage.js b/modern/src/other/GeofencesPage.js
index 79eed22a..c8144991 100644
--- a/modern/src/other/GeofencesPage.js
+++ b/modern/src/other/GeofencesPage.js
@@ -1,7 +1,8 @@
import React from 'react';
import {
- Divider, isWidthUp, makeStyles, withWidth, Typography, IconButton,
+ Divider, makeStyles, Typography, IconButton, useMediaQuery,
} from '@material-ui/core';
+import { useTheme } from '@material-ui/core/styles';
import Drawer from '@material-ui/core/Drawer';
import ContainerDimensions from 'react-container-dimensions';
import ArrowBackIcon from '@material-ui/icons/ArrowBack';
@@ -47,16 +48,19 @@ const useStyles = makeStyles((theme) => ({
},
}));
-const GeofencesPage = ({ width }) => {
+const GeofencesPage = () => {
+ const theme = useTheme();
const classes = useStyles();
const history = useHistory();
const t = useTranslation();
+ const isPhone = useMediaQuery(theme.breakpoints.down('xs'));
+
return (
<div className={classes.root}>
<div className={classes.content}>
<Drawer
- anchor={isWidthUp('sm', width) ? 'left' : 'bottom'}
+ anchor={isPhone ? 'bottom' : 'left'}
variant="permanent"
classes={{ paper: classes.drawerPaper }}
>
@@ -84,4 +88,4 @@ const GeofencesPage = ({ width }) => {
);
};
-export default withWidth()(GeofencesPage);
+export default GeofencesPage;
diff --git a/modern/src/reports/components/Graph.js b/modern/src/reports/components/Graph.js
index 2a95ba96..88b51493 100644
--- a/modern/src/reports/components/Graph.js
+++ b/modern/src/reports/components/Graph.js
@@ -1,5 +1,5 @@
import React from 'react';
-import { withWidth, makeStyles } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core';
import {
LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer,
} from 'recharts';
@@ -40,4 +40,4 @@ const Graph = ({ type, items }) => {
);
};
-export default withWidth()(Graph);
+export default Graph;