Auto-Hide Sidebar on mobile (#9758)

ohcnetwork · Jan 5, 2025 · 35c0436 · 35c0436
1 parent ef649a4
commit 35c0436
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/ui/sidebar/nav-main.tsx b/src/components/ui/sidebar/nav-main.tsx
@@ -9,6 +9,7 @@ import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
+  useSidebar,
 } from "@/components/ui/sidebar";
 
 export function NavMain({
@@ -20,6 +21,8 @@ export function NavMain({
     icon?: string;
   }[];
 }) {
+  const { isMobile, setOpenMobile } = useSidebar();
+
   return (
     <SidebarGroup>
       <SidebarMenu>
@@ -31,6 +34,11 @@ export function NavMain({
               className={
                 "text-gray-600 transition font-normal hover:bg-gray-200 hover:text-green-700"
               }
+              onClick={() => {
+                if (isMobile) {
+                  setOpenMobile(false);
+                }
+              }}
             >
               <ActiveLink
                 href={link.url}