From 3a7698eb165e645614891db1f852426de2bbd3c8 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 11 Jun 2024 12:47:27 +0800
Subject: [PATCH] Show/hide the navigation menu

---
 .../components/templates/NavigationLayout.tsx | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/web/components/templates/NavigationLayout.tsx b/packages/web/components/templates/NavigationLayout.tsx
index fcf01b605..e5cb17bd4 100644
--- a/packages/web/components/templates/NavigationLayout.tsx
+++ b/packages/web/components/templates/NavigationLayout.tsx
@@ -121,16 +121,18 @@ export function NavigationLayout(props: NavigationLayoutProps): JSX.Element {
           setShowNavMenu(!showNavMenu)
         }}
       />
-      <NavigationMenu
-        section={props.section}
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        setShowAddLinkModal={() => {}}
-        searchTerm=""
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        applySearchQuery={() => {}}
-        showFilterMenu={showNavMenu}
-        setShowFilterMenu={setShowNavMenu}
-      />
+      {showNavMenu && (
+        <NavigationMenu
+          section={props.section}
+          // eslint-disable-next-line @typescript-eslint/no-empty-function
+          setShowAddLinkModal={() => {}}
+          searchTerm=""
+          // eslint-disable-next-line @typescript-eslint/no-empty-function
+          applySearchQuery={() => {}}
+          showFilterMenu={showNavMenu}
+          setShowFilterMenu={setShowNavMenu}
+        />
+      )}
       {props.children}
       {showLogoutConfirmation ? (
         <ConfirmationModal