fix: keep pinned when mobile submenu open

lsst-epo · Dec 20, 2024 · 930d80a · 930d80a
1 parent 7b66824
commit 930d80a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/components/organisms/Header/navigation/Vertical/index.tsx b/components/organisms/Header/navigation/Vertical/index.tsx
@@ -23,7 +23,7 @@ const NavigationVertical: FunctionComponent<NavigationProps> = ({
 }) => {
   const [open, setOpen] = useState(false);
   const [active, setActive] = useState<string | null>(null);
-  const { setPinned } = useHeadroom();
+  const { pinned, setPinned } = useHeadroom();
 
   const handleOpenToggle = () => {
     if (open) {
@@ -36,7 +36,12 @@ const NavigationVertical: FunctionComponent<NavigationProps> = ({
   };
 
   function handleToggleClick(id: string) {
-    setActive((prevActive) => (prevActive === id ? null : id));
+    if (active === id) {
+      setActive(null);
+    } else {
+      setPinned(true);
+      setActive(id);
+    }
   }
 
   return (