diff options
Diffstat (limited to 'modern/src/MainPage.js')
-rw-r--r-- | modern/src/MainPage.js | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js index e070740..97f42ea 100644 --- a/modern/src/MainPage.js +++ b/modern/src/MainPage.js @@ -9,6 +9,7 @@ import useMediaQuery from '@material-ui/core/useMediaQuery'; import AddIcon from '@material-ui/icons/Add'; import CloseIcon from '@material-ui/icons/Close'; import ArrowBackIcon from '@material-ui/icons/ArrowBack'; +import ArrowForwardIcon from '@material-ui/icons/ArrowForward'; import ListIcon from '@material-ui/icons/ViewList'; import DevicesList from './DevicesList'; @@ -131,9 +132,9 @@ const MainPage = () => { <Paper className={classes.paper} square elevation={3}> <Toolbar className={classes.toolbar} disableGutters> {isTablet && ( - <IconButton onClick={handleClose}> - <ArrowBackIcon /> - </IconButton> + <IconButton onClick={handleClose}> + {theme.direction === 'rtl' ? <ArrowForwardIcon /> : <ArrowBackIcon />} + </IconButton> )} <TextField fullWidth @@ -149,9 +150,9 @@ const MainPage = () => { <AddIcon /> </IconButton> {!isTablet && ( - <IconButton onClick={handleClose}> - <CloseIcon /> - </IconButton> + <IconButton onClick={handleClose}> + <CloseIcon /> + </IconButton> )} </Toolbar> </Paper> |