From 44065bcfeac81dce8034c6fa7a87bbd4de2d662a Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 13 Dec 2022 20:08:51 +0800
Subject: [PATCH] fix mobile menu

---
 apps/docs/hooks/useMenuState.ts  | 1 +
 apps/docs/layouts/SiteLayout.tsx | 7 +++----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/docs/hooks/useMenuState.ts b/apps/docs/hooks/useMenuState.ts
index ed1818bd4d8..760796e1244 100644
--- a/apps/docs/hooks/useMenuState.ts
+++ b/apps/docs/hooks/useMenuState.ts
@@ -9,6 +9,7 @@ export const menuState = proxy({
   },
   menuLevelId: '',
   setMenuLevelId: (value) => {
+    menuState.menuMobileOpen = false
     menuState.menuLevelId = value
   },
   menuMobileOpen: false,
diff --git a/apps/docs/layouts/SiteLayout.tsx b/apps/docs/layouts/SiteLayout.tsx
index c4f01f01efd..c6ef90060d3 100644
--- a/apps/docs/layouts/SiteLayout.tsx
+++ b/apps/docs/layouts/SiteLayout.tsx
@@ -7,7 +7,7 @@ import TopNavBarRef from '~/components/Navigation/NavigationMenu/TopNavBarRef'
 
 import FooterHelpCallout from '~/components/FooterHelpCallout'
 
-import { menuState } from '~/hooks/useMenuState'
+import { menuState, useMenuLevelId, useMenuMobileOpen } from '~/hooks/useMenuState'
 import { useEffect } from 'react'
 
 const SiteRefLayout = ({ children }) => {
@@ -23,9 +23,8 @@ const SiteRefLayout = ({ children }) => {
     }
   }, [])
 
-  const menuLevel = 'home'
-  // useMenuLevelId()
-  const mobileMenuOpen = false
+  const menuLevel = useMenuLevelId()
+  const mobileMenuOpen = useMenuMobileOpen()
 
   const levelsData = {
     home: {