aboutsummaryrefslogtreecommitdiff
path: root/modern/src/GeofencesPage.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/GeofencesPage.js')
-rw-r--r--modern/src/GeofencesPage.js7
1 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/GeofencesPage.js b/modern/src/GeofencesPage.js
index 71219c1..4d23d10 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')}