itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add tooltip to sidebar menu buttons in NavMain and NavSecondary components
Some checks failed
tests / ci (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-25 23:25:33 +07:00
parent 0a7d1e793d
commit 658a161907
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/nav-main.tsx
View File

@ -32,12 +32,12 @@ export function NavMain({
{items.map((item) => {
if ("label" in item) {
return (
<SidebarGroup key={item.label} className="group-data-[collapsible=icon]:hidden">
<SidebarGroup key={item.label}>
<SidebarGroupLabel>{item.label}</SidebarGroupLabel>
<SidebarMenu>
{item.items.map((child) => (
<SidebarMenuItem key={child.name}>
<SidebarMenuButton asChild isActive={url === child.url}>
<SidebarMenuButton asChild isActive={url === child.url} tooltip={child.name}>
<Link href={child.url}>
<child.icon className="h-4 w-4" />
<span>{child.name}</span>
@ -51,10 +51,10 @@ export function NavMain({
}
return (
<SidebarGroup key={item.name} className="group-data-[collapsible=icon]:hidden">
<SidebarGroup key={item.name}>
<SidebarMenu>
<SidebarMenuItem>
<SidebarMenuButton asChild isActive={url === item.url}>
<SidebarMenuButton asChild isActive={url === item.url} tooltip={item.name}>
<a href={item.url}>
<item.icon className="h-4 w-4" />
<span>{item.name}</span>

2
resources/js/components/nav-secondary.tsx
View File

@ -27,7 +27,7 @@ export function NavSecondary({
<SidebarMenu>
{items.map((item) => (
<SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild>
<SidebarMenuButton asChild tooltip={item.title}>
<a href={item.url}>
<item.icon />
<span>{item.title}</span>