From 15da2e5785d0fbbac576b62f86c6c374103ec82e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Hatcher?= <nicolas@theuniverse.today>
Date: Fri, 11 Oct 2024 20:20:01 +0200
Subject: [PATCH] FIX: Close the sheet list menu when a sheet is selected

---
 webapp/src/components/navigation/menus.tsx      | 2 +-
 webapp/src/components/navigation/navigation.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/navigation/menus.tsx b/webapp/src/components/navigation/menus.tsx
index c1600ac..235c218 100644
--- a/webapp/src/components/navigation/menus.tsx
+++ b/webapp/src/components/navigation/menus.tsx
@@ -82,7 +82,7 @@ const SheetListMenu = (properties: SheetListMenuProps) => {
       {sheetOptionsList.map((tab, index) => (
         <StyledMenuItem
           key={tab.sheetId}
-          onClick={(): void => onSheetSelected(index)}
+          onClick={() => onSheetSelected(index)}
         >
           <ItemColor style={{ backgroundColor: tab.color }} />
           <ItemName>{tab.name}</ItemName>
diff --git a/webapp/src/components/navigation/navigation.tsx b/webapp/src/components/navigation/navigation.tsx
index 319f7d3..081d354 100644
--- a/webapp/src/components/navigation/navigation.tsx
+++ b/webapp/src/components/navigation/navigation.tsx
@@ -81,7 +81,10 @@ function Navigation(props: NavigationProps) {
         isOpen={open}
         close={handleClose}
         sheetOptionsList={sheets}
-        onSheetSelected={onSheetSelected}
+        onSheetSelected={(index) => {
+          onSheetSelected(index);
+          handleClose();
+        }}
       />
     </Container>
   );