Sfoglia il codice sorgente

fix(dashboard): Add active state to sidebar menu items without submenu

David Höck 9 mesi fa
parent
commit
e8da74c1c1

+ 2 - 2
packages/dashboard/src/lib/components/layout/nav-main.tsx

@@ -57,7 +57,7 @@ export function NavMain({ items }: { items: Array<NavMenuSection | NavMenuItem>
         if ('url' in item) {
         if ('url' in item) {
             return (
             return (
                 <SidebarMenuItem key={item.title}>
                 <SidebarMenuItem key={item.title}>
-                    <SidebarMenuButton tooltip={item.title} asChild>
+                    <SidebarMenuButton tooltip={item.title} asChild isActive={location.pathname === item.url}>
                         <Link to={item.url}>
                         <Link to={item.url}>
                             {item.icon && <item.icon />}
                             {item.icon && <item.icon />}
                             <span>{item.title}</span>
                             <span>{item.title}</span>
@@ -111,7 +111,7 @@ export function NavMain({ items }: { items: Array<NavMenuSection | NavMenuItem>
         if ('url' in item) {
         if ('url' in item) {
             return (
             return (
                 <SidebarMenuItem key={item.title}>
                 <SidebarMenuItem key={item.title}>
-                    <SidebarMenuButton tooltip={item.title} asChild>
+                    <SidebarMenuButton tooltip={item.title} asChild isActive={location.pathname === item.url}>
                         <Link to={item.url}>
                         <Link to={item.url}>
                             {item.icon && <item.icon />}
                             {item.icon && <item.icon />}
                             <span>{item.title}</span>
                             <span>{item.title}</span>