Auto open when isActivePath is true

remix-run · Mar 22, 2024 · 54ea196 · 54ea196
1 parent aa9b8af
commit 54ea196
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/routes/docs.$lang.$ref.tsx b/app/routes/docs.$lang.$ref.tsx
@@ -684,6 +684,13 @@ function MenuCategoryDetails({ slug, children }: MenuCategoryDetailsType) {
   // By default only the active path is open
   const [isOpen, setIsOpen] = React.useState(isActivePath);
 
+  // Auto open the details element, useful when navigating from the home page
+  React.useEffect(() => {
+    if (isActivePath) {
+      setIsOpen(true);
+    }
+  }, [isActivePath]);
+
   return (
     <details
       className="group relative flex cursor-pointer flex-col"