From f30863c559d6609a56e0277271f2d3dcf6531d00 Mon Sep 17 00:00:00 2001
From: Ludovic Mermod <ludovic.mermod@epfl.ch>
Date: Thu, 1 Feb 2024 17:47:29 +0100
Subject: [PATCH] feat: close navbar on click

---
 app/src/components/NavigationBar.tsx | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/app/src/components/NavigationBar.tsx b/app/src/components/NavigationBar.tsx
index 83e143d..e49e16f 100644
--- a/app/src/components/NavigationBar.tsx
+++ b/app/src/components/NavigationBar.tsx
@@ -17,22 +17,6 @@ function Entry({ title, href }: { title: string; href: string }) {
   );
 }
 
-function NavMenu(props: { visible: boolean }) {
-  return (
-    <div
-      className={
-        styles.navigationMenu + " " + (!props.visible ? styles.hidden : "")
-      }
-    >
-      <div className={styles.menuList}>
-        <Entry title="L'Association" href="/" />
-        <Entry title="Commissions" href="/commissions" />
-        <Entry title="News" href="/news" />
-      </div>
-    </div>
-  );
-}
-
 /* TODO the socials should be dynamically loaded from Strapi. 
   This would probably require to migrate to an App Router to use
   server-side components. */
@@ -63,7 +47,17 @@ export default function NavigationBar() {
         </Link>
       </div>
 
-      <NavMenu visible={visible} />
+      <div
+        className={
+          styles.navigationMenu + " " + (!visible ? styles.hidden : "")
+        }
+      >
+        <div className={styles.menuList} onClick={(e) => setVisible(false)}>
+          <Entry title="L'Association" href="/" />
+          <Entry title="Commissions" href="/commissions" />
+          <Entry title="News" href="/news" />
+        </div>
+      </div>
     </div>
   );
 }