diff options
Diffstat (limited to 'modern/src/settings')
| -rw-r--r-- | modern/src/settings/OptionsLayout/index.js | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/modern/src/settings/OptionsLayout/index.js b/modern/src/settings/OptionsLayout/index.js index 4a42e583..34721680 100644 --- a/modern/src/settings/OptionsLayout/index.js +++ b/modern/src/settings/OptionsLayout/index.js @@ -7,9 +7,11 @@ import { makeStyles, IconButton, Hidden, + useTheme, } from '@material-ui/core'; import ArrowBackIcon from '@material-ui/icons/ArrowBack'; +import ArrowForwardIcon from '@material-ui/icons/ArrowForward'; import SideNav from '../../components/SideNav'; import NavBar from '../../components/NavBar'; @@ -56,6 +58,7 @@ const OptionsLayout = ({ children }) => { const [openDrawer, setOpenDrawer] = useState(false); const [optionTitle, setOptionTitle] = useState(); const routes = useRoutes(); + const theme = useTheme(); useEffect(() => { const activeRoute = routes.find( @@ -87,7 +90,7 @@ const OptionsLayout = ({ children }) => { > <div className={classes.drawerHeader}> <IconButton component="a" href="/"> - <ArrowBackIcon /> + {theme.direction === 'rtl' ? <ArrowForwardIcon /> : <ArrowBackIcon />} </IconButton> <Typography variant="h6" color="inherit" noWrap> {t('settingsTitle')} |