diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-07 15:27:05 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-07 15:27:05 -0600 |
commit | bbe3e712ef0c616418057f1b9916984da18e7b38 (patch) | |
tree | 439e41d4ab145f7a344190e33928e0e8cbec4a5c /modern/src/MainPage.js | |
parent | 8164e6b30e007a3eeaea25decf98ccb098d9e85f (diff) | |
download | etbsa-traccar-web-bbe3e712ef0c616418057f1b9916984da18e7b38.tar.gz etbsa-traccar-web-bbe3e712ef0c616418057f1b9916984da18e7b38.tar.bz2 etbsa-traccar-web-bbe3e712ef0c616418057f1b9916984da18e7b38.zip |
More rebranding para ETBSA!
Diffstat (limited to 'modern/src/MainPage.js')
-rw-r--r-- | modern/src/MainPage.js | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js index 7fd4315..08ba343 100644 --- a/modern/src/MainPage.js +++ b/modern/src/MainPage.js @@ -3,6 +3,8 @@ import { useHistory } from 'react-router-dom'; import { makeStyles, Paper, Toolbar, TextField, IconButton, Button, } from '@material-ui/core'; +import { useDispatch, useSelector } from 'react-redux'; +import { uiActions } from './store/ui'; import { useTheme } from '@material-ui/core/styles'; import useMediaQuery from '@material-ui/core/useMediaQuery'; @@ -22,7 +24,6 @@ import BottomMenu from './components/BottomMenu'; import { useTranslation } from './LocalizationProvider'; import PoiMap from './map/PoiMap'; import MapPadding from './map/MapPadding'; - const useStyles = makeStyles((theme) => ({ root: { height: '100vh', @@ -93,19 +94,20 @@ const MainPage = () => { const classes = useStyles(); const history = useHistory(); const theme = useTheme(); + const dispatch = useDispatch(); const t = useTranslation(); const isTablet = useMediaQuery(theme.breakpoints.down('md')); const isPhone = useMediaQuery(theme.breakpoints.down('xs')); const [deviceName, setDeviceName] = useState(''); - const [collapsed, setCollapsed] = useState(false); + const collapsed = useSelector((state) => state.ui.collapsed); const handleClose = () => { - setCollapsed(!collapsed); + dispatch(uiActions.setCollapsed(!collapsed)); }; - useEffect(() => setCollapsed(isTablet), [isTablet]); + useEffect(() => uiActions.setCollapsed(isTablet), [isTablet]); return ( <div className={classes.root}> |