Add handler to close sidebar on mobile when menu item clicked

sgcarstrends · Nov 2, 2024 · 304d111 · 304d111
1 parent 9485023
commit 304d111
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/AppSidebar.tsx b/components/AppSidebar.tsx
@@ -30,6 +30,7 @@ import {
   SidebarMenuSub,
   SidebarMenuSubButton,
   SidebarMenuSubItem,
+  useSidebar,
 } from "@/components/ui/sidebar";
 
 type NavItem = {
@@ -53,6 +54,7 @@ type Nav = {
 
 export const AppSidebar = () => {
   const pathname = usePathname();
+  const { setOpenMobile } = useSidebar();
 
   return (
     <Sidebar>
@@ -95,6 +97,7 @@ export const AppSidebar = () => {
                           <SidebarMenuSubButton
                             asChild
                             isActive={subItem.url === pathname}
+                            onClick={() => setOpenMobile(false)}
                           >
                             <Link href={subItem.url}>
                               {subItem.icon && <subItem.icon />}