louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile nav open

Browse Source
This commit is contained in:
Leandro Farias 2023-03-23 13:09:04 +00:00
parent 46999043a5
commit 5c7e1df051
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/layouts/dashboard/layout.js
View File

@ -1,9 +1,9 @@
import { useEffect, useState } from 'react';
import { useCallback, useEffect, useState } from 'react';
import { usePathname } from 'next/navigation';
import { styled } from '@mui/material/styles';
import { withAuthGuard } from 'src/hocs/with-auth-guard';
import { SideNav } from './side-nav';
import { TopNav } from './top-nav';
import { usePathname } from 'next/navigation';
const SIDE_NAV_WIDTH = 280;
@ -26,15 +26,23 @@ const LayoutContainer = styled('div')({
export const Layout = withAuthGuard((props) => {
const { children } = props;
const pathname = usePathname();
const [openNav, setOpenNav] = useState(true);
const [openNav, setOpenNav] = useState(false);
useEffect(
const handlePathnameChange = useCallback(
() => {
if (openNav) {
setOpenNav(false);
}
},
[pathname, openNav]
[openNav]
);
useEffect(
() => {
handlePathnameChange();
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[pathname]
);
return (