Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(nav-main): refactor sidebar menu to handle items without submenus

Browse Source
This commit is contained in:
cfngc4594 2025-03-30 20:43:12 +08:00
parent 60d5c98aca
commit 99f6696fa2
1 changed files with 40 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/nav-main.tsx
View File

@ -30,14 +30,22 @@ export interface NavMainProps {
}[]; }[];
} }
export function NavMain({ export function NavMain({ items }: NavMainProps) {
items,
}: NavMainProps) {
return ( return (
<SidebarGroup> <SidebarGroup>
<SidebarGroupLabel>Platform</SidebarGroupLabel> <SidebarGroupLabel>Platform</SidebarGroupLabel>
<SidebarMenu> <SidebarMenu>
{items.map((item) => ( {items.map((item) =>
!item.items ? (
<SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild tooltip={item.title}>
<a href={item.url}>
{item.icon && <item.icon />}
<span>{item.title}</span>
</a>
</SidebarMenuButton>
</SidebarMenuItem>
) : (
<Collapsible <Collapsible
key={item.title} key={item.title}
asChild asChild
@ -54,7 +62,7 @@ export function NavMain({
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<SidebarMenuSub> <SidebarMenuSub>
{item.items?.map((subItem) => ( {item.items.map((subItem) => (
<SidebarMenuSubItem key={subItem.title}> <SidebarMenuSubItem key={subItem.title}>
<SidebarMenuSubButton asChild> <SidebarMenuSubButton asChild>
<a href={`${item.url}${subItem.url}`}> <a href={`${item.url}${subItem.url}`}>
@ -67,7 +75,8 @@ export function NavMain({
</CollapsibleContent> </CollapsibleContent>
</SidebarMenuItem> </SidebarMenuItem>
</Collapsible> </Collapsible>
))} )
)}
</SidebarMenu> </SidebarMenu>
</SidebarGroup> </SidebarGroup>
); );