diff options
author | Anton Tananaev <anton@traccar.org> | 2022-05-23 07:19:30 -0700 |
---|---|---|
committer | Anton Tananaev <anton@traccar.org> | 2022-05-23 07:19:30 -0700 |
commit | 85461684eb402d4df62c8b59e0a0f627bd3487c1 (patch) | |
tree | 6ce2832da2f07d8ea0d54d6ce5f30ab9efc7edaa /modern/src/common/components/PageLayout.js | |
parent | ddcb42512e95e98806db0523e4d954484a6e48cc (diff) | |
download | trackermap-web-85461684eb402d4df62c8b59e0a0f627bd3487c1.tar.gz trackermap-web-85461684eb402d4df62c8b59e0a0f627bd3487c1.tar.bz2 trackermap-web-85461684eb402d4df62c8b59e0a0f627bd3487c1.zip |
Initial migration to MUI 5
Diffstat (limited to 'modern/src/common/components/PageLayout.js')
-rw-r--r-- | modern/src/common/components/PageLayout.js | 24 |
1 files changed, 17 insertions, 7 deletions
diff --git a/modern/src/common/components/PageLayout.js b/modern/src/common/components/PageLayout.js index d92b71c3..5360a554 100644 --- a/modern/src/common/components/PageLayout.js +++ b/modern/src/common/components/PageLayout.js @@ -1,9 +1,19 @@ import React, { useState } from 'react'; import { - AppBar, Breadcrumbs, Divider, Drawer, Hidden, IconButton, makeStyles, Toolbar, Typography, useMediaQuery, useTheme, -} from '@material-ui/core'; -import ArrowBackIcon from '@material-ui/icons/ArrowBack'; -import MenuIcon from '@material-ui/icons/Menu'; + AppBar, + Breadcrumbs, + Divider, + Drawer, + Hidden, + IconButton, + Toolbar, + Typography, + useMediaQuery, + useTheme, +} from '@mui/material'; +import makeStyles from '@mui/styles/makeStyles'; +import ArrowBackIcon from '@mui/icons-material/ArrowBack'; +import MenuIcon from '@mui/icons-material/Menu'; import { useNavigate } from 'react-router-dom'; import { useTranslation } from './LocalizationProvider'; @@ -62,7 +72,7 @@ const PageLayout = ({ menu, breadcrumbs, children }) => { return ( <> - <Hidden smDown> + <Hidden mdDown> <div className={classes.desktopRoot}> <Drawer variant="permanent" @@ -71,7 +81,7 @@ const PageLayout = ({ menu, breadcrumbs, children }) => { > <div className={classes.toolbar}> <Toolbar> - <IconButton color="inherit" edge="start" onClick={() => navigate('/')}> + <IconButton size="large" color="inherit" edge="start" onClick={() => navigate('/')}> <ArrowBackIcon /> </IconButton> <PageTitle breadcrumbs={breadcrumbs} /> @@ -96,7 +106,7 @@ const PageLayout = ({ menu, breadcrumbs, children }) => { </Drawer> <AppBar position="static" color="inherit"> <Toolbar> - <IconButton color="inherit" edge="start" onClick={() => setOpenDrawer(true)}> + <IconButton size="large" color="inherit" edge="start" onClick={() => setOpenDrawer(true)}> <MenuIcon /> </IconButton> <PageTitle breadcrumbs={breadcrumbs} /> |