Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-17 23:12:23 +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({
items,
}: NavMainProps) {
export function NavMain({ items }: NavMainProps) {
return (
<SidebarGroup>
<SidebarGroupLabel>Platform</SidebarGroupLabel>
<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
key={item.title}
asChild
@ -54,7 +62,7 @@ export function NavMain({
</CollapsibleTrigger>
<CollapsibleContent>
<SidebarMenuSub>
{item.items?.map((subItem) => (
{item.items.map((subItem) => (
<SidebarMenuSubItem key={subItem.title}>
<SidebarMenuSubButton asChild>
<a href={`${item.url}${subItem.url}`}>
@ -67,7 +75,8 @@ export function NavMain({
</CollapsibleContent>
</SidebarMenuItem>
</Collapsible>
))}
)
)}
</SidebarMenu>
</SidebarGroup>
);