sr2/link-stack
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Close menu on selection (mobile only)

Browse source
This commit is contained in:
N-Pex 2024-09-12 15:42:08 +02:00
parent 89fdd955fe
commit dca61e1459
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
apps/link/app/(main)/_components/InternalLayout.tsx
View file

@ -24,6 +24,7 @@ import {
import { fonts } from "@link-stack/ui"; import { fonts } from "@link-stack/ui";
import Image from "next/image"; import Image from "next/image";
import LinkLogo from "public/link-logo-small.png"; import LinkLogo from "public/link-logo-small.png";
import { usePathname } from 'next/navigation';
interface InternalLayoutProps extends PropsWithChildren { interface InternalLayoutProps extends PropsWithChildren {
setupModeActive: boolean; setupModeActive: boolean;
@ -44,6 +45,15 @@ export const InternalLayout: FC<InternalLayoutProps> = ({
const [openWidth, setOpenWidth] = useState<number>(0); const [openWidth, setOpenWidth] = useState<number>(0);
const [closedWidth, setClosedWidth] = useState<number>(0); const [closedWidth, setClosedWidth] = useState<number>(0);
const pathname = usePathname();
useEffect(() => {
// On mobile, close menu when stuff is selected
if (mobile) {
setOpen(false);
}
}, [pathname]);
useEffect(() => { useEffect(() => {
setClosedWidth(mobile ? 0 : 70); setClosedWidth(mobile ? 0 : 70);
setOpenWidth(270); setOpenWidth(270);