diff options
Diffstat (limited to 'modern/src/GeofencesPage.js')
| -rw-r--r-- | modern/src/GeofencesPage.js | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/GeofencesPage.js b/modern/src/GeofencesPage.js index 71219c16..4d23d106 100644 --- a/modern/src/GeofencesPage.js +++ b/modern/src/GeofencesPage.js @@ -1,6 +1,6 @@ import React from 'react'; import { - Divider, isWidthUp, makeStyles, withWidth, Typography, IconButton, + Divider, isWidthUp, makeStyles, withWidth, Typography, IconButton, useTheme, } from '@material-ui/core'; import Drawer from '@material-ui/core/Drawer'; import ContainerDimensions from 'react-container-dimensions'; @@ -9,6 +9,8 @@ import Map from './map/Map'; import CurrentLocationMap from './map/CurrentLocationMap'; import GeofenceEditMap from './map/GeofenceEditMap'; import GeofencesList from './GeofencesList'; +import ArrowForwardIcon from '@material-ui/icons/ArrowForward'; + import t from './common/localization'; @@ -49,6 +51,7 @@ const useStyles = makeStyles((theme) => ({ const GeofencesPage = ({ width }) => { const classes = useStyles(); + const theme = useTheme(); return ( <div className={classes.root}> @@ -60,7 +63,7 @@ const GeofencesPage = ({ width }) => { > <div className={classes.drawerHeader}> <IconButton component="a" href="/"> - <ArrowBackIcon /> + {theme.direction === 'rtl' ? <ArrowForwardIcon /> : <ArrowBackIcon />} </IconButton> <Typography variant="h6" color="inherit" noWrap> {t('sharedGeofences')} |