From 74029e54789228ddee1d924024a689772d11dad4 Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Mon, 7 Aug 2023 15:21:03 -0700
Subject: [PATCH] Close project menu after navigating

---
 app/src/components/nav/ProjectMenu.tsx | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/app/src/components/nav/ProjectMenu.tsx b/app/src/components/nav/ProjectMenu.tsx
index 195fa0c..a56a898 100644
--- a/app/src/components/nav/ProjectMenu.tsx
+++ b/app/src/components/nav/ProjectMenu.tsx
@@ -130,7 +130,12 @@ export default function ProjectMenu() {
             <Divider />
             <VStack spacing={0}>
               {orgs?.map((org) => (
-                <ProjectOption key={org.id} org={org} isActive={org.id === selectedOrgId} />
+                <ProjectOption
+                  key={org.id}
+                  org={org}
+                  isActive={org.id === selectedOrgId}
+                  onClose={popover.onClose}
+                />
               ))}
             </VStack>
             <HStack
@@ -152,14 +157,25 @@ export default function ProjectMenu() {
   );
 }
 
-const ProjectOption = ({ org, isActive }: { org: Organization; isActive: boolean }) => {
+const ProjectOption = ({
+  org,
+  isActive,
+  onClose,
+}: {
+  org: Organization;
+  isActive: boolean;
+  onClose: () => void;
+}) => {
   const setSelectedOrgId = useAppStore((s) => s.setSelectedOrgId);
   const [gearHovered, setGearHovered] = useState(false);
   return (
     <HStack
       as={Link}
       href="/home"
-      onClick={() => setSelectedOrgId(org.id)}
+      onClick={() => {
+        setSelectedOrgId(org.id);
+        onClose();
+      }}
       w="full"
       justifyContent="space-between"
       bgColor={isActive ? "gray.100" : "transparent"}