From 914429a005e1a5bb15060694ae71c808b858a522 Mon Sep 17 00:00:00 2001
From: aidanCQ <aidan.keay@quantinuum.com>
Date: Mon, 28 Oct 2024 10:38:40 +0000
Subject: [PATCH] fix(): Show sub items in mobile menu.

---
 src/custom/docs/components/navmenu/MobileMenu.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/custom/docs/components/navmenu/MobileMenu.tsx b/src/custom/docs/components/navmenu/MobileMenu.tsx
index 5de569f..89ee596 100644
--- a/src/custom/docs/components/navmenu/MobileMenu.tsx
+++ b/src/custom/docs/components/navmenu/MobileMenu.tsx
@@ -21,12 +21,18 @@ import { MenuIcon } from "lucide-react"
       }[],
     }[];
   }) => {
-    return <DropdownMenu>
+    return <DropdownMenu >
     <DropdownMenuTrigger asChild><Button variant='outline' className="w-8 p-0 h-8"> <MenuIcon/></Button></DropdownMenuTrigger>
-    <DropdownMenuContent>
+    <DropdownMenuContent className="max-h-50vh overflow-y-auto" >
         {props.navTextLinks.map(link => {
-            return   <DropdownMenuItem asChild key={link.title}><a href={link.href}>{link.title}</a></DropdownMenuItem>
+            return   <><DropdownMenuItem asChild key={link.title}><a href={link.href}>{link.title}</a>
+            </DropdownMenuItem>
+            {link.dropDown.map(subitem => {
+              return <DropdownMenuItem className="text-xs ml-2 text-muted-foreground last:mb-4" key={subitem.title} asChild ><a  href={subitem.href}>{subitem.title}</a></DropdownMenuItem>
+            })}
+            </>
         })}
+        {}
     </DropdownMenuContent>
   </DropdownMenu>
   }