bug correction

NASA-IMPACT · Dec 19, 2024 · 72575ff · 72575ff
1 parent df72331
commit 72575ff
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/app/scripts/components/common/page-header/nav/create-dynamic-nav-menu-list.tsx b/app/scripts/components/common/page-header/nav/create-dynamic-nav-menu-list.tsx
@@ -12,6 +12,11 @@ export const createDynamicNavMenuList = (
   isOpen?: boolean[],
   setIsOpen?: SetState<boolean[]>
 ): JSX.Element[] => {
+  const setDropDownState = () => {
+    if (isOpen !== undefined && setIsOpen !== undefined) {
+      return setIsOpen(() => isOpen.fill(false));
+    }
+  };
   return navItems.map((item, index) => {
     switch (item.type) {
       case NavItemType.DROPDOWN:
@@ -23,7 +28,8 @@ export const createDynamicNavMenuList = (
               isOpen,
               setIsOpen,
               index,
-              linkProperties
+              linkProperties,
+              setDropDownState
             }}
           />
         );
@@ -32,10 +38,15 @@ export const createDynamicNavMenuList = (
         return <NavItemInternalLink {...{ item, linkProperties }} />;
 
       case NavItemType.EXTERNAL_LINK:
-        return <NavItemExternalLink item={item} />;
+        return (
+          <NavItemExternalLink
+            item={item}
+            setDropDownState={setDropDownState}
+          />
+        );
 
       case NavItemType.ACTION:
-        return <NavItemCTA item={item} />;
+        return <NavItemCTA item={item} setDropDownState={setDropDownState} />;
 
       default:
         return <></>;

diff --git a/app/scripts/components/common/page-header/nav/nav-dropdown-button.tsx b/app/scripts/components/common/page-header/nav/nav-dropdown-button.tsx
@@ -12,14 +12,16 @@ interface NavDropDownButtonProps {
   setIsOpen: SetState<boolean[]>;
   index: number;
   linkProperties: LinkProperties;
+  setDropDownState: () => void;
 }
 
 export const NavDropDownButton = ({
   item,
   isOpen,
   setIsOpen,
   index,
-  linkProperties
+  linkProperties,
+  setDropDownState
 }: NavDropDownButtonProps) => {
   const onToggle = (index: number, setIsOpen: SetState<boolean[]>): void => {
     setIsOpen((prevIsOpen) => {
@@ -47,6 +49,7 @@ export const NavDropDownButton = ({
         items={submenuItems}
         isOpen={isOpen[index]}
         id={`${item.id}-dropdown`}
+        onClick={setDropDownState()}
       />
     </React.Fragment>
   );