fix(ui): remove nested sidebar list markup

This commit is contained in:
Tam Nhu Tran committed 2026-02-25 18:27:28 +07:00
1 parent 473644564d
commit 1698eadc94
1 file changed
+1 -6
+1 -6
View File
@@ -172,7 +172,6 @@ export function AppSidebar() {
defaultOpen={isParentActive(item.children) || isRouteActive(item.path)} defaultOpen={isParentActive(item.children) || isRouteActive(item.path)}
className="group/collapsible" className="group/collapsible"
> >
<SidebarMenuItem>
{/* Click navigates to overview AND opens submenu */} {/* Click navigates to overview AND opens submenu */}
<CollapsibleTrigger asChild> <CollapsibleTrigger asChild>
<SidebarMenuButton <SidebarMenuButton
@@ -191,10 +190,7 @@ export function AppSidebar() {
<SidebarMenuSub> <SidebarMenuSub>
{item.children.map((child) => ( {item.children.map((child) => (
<SidebarMenuSubItem key={child.path}> <SidebarMenuSubItem key={child.path}>
<SidebarMenuSubButton <SidebarMenuSubButton asChild isActive={isRouteActive(child.path)}>
asChild
isActive={isRouteActive(child.path)}
>
<Link to={child.path}> <Link to={child.path}>
<span>{child.label}</span> <span>{child.label}</span>
</Link> </Link>
@@ -203,7 +199,6 @@ export function AppSidebar() {
))} ))}
</SidebarMenuSub> </SidebarMenuSub>
</CollapsibleContent> </CollapsibleContent>
</SidebarMenuItem>
</Collapsible> </Collapsible>
) : ( ) : (
<SidebarMenuButton <SidebarMenuButton