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

Merge pull request 'feat: add tooltip to sidebar menu buttons in NavMain and NavSecondary components' (#42) from feat/add-tooltip-to-sidebar into dev

Browse Source 
Reviewed-on: #42
This commit is contained in:
pangestu 2026-08-26 00:26:14 +08:00
commit 76e12b9dba
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) => { {items.map((item) => {
if ("label" in item) { if ("label" in item) {
return ( return (
<SidebarGroup key={item.label} className="group-data-[collapsible=icon]:hidden"> <SidebarGroup key={item.label}>
<SidebarGroupLabel>{item.label}</SidebarGroupLabel> <SidebarGroupLabel>{item.label}</SidebarGroupLabel>
<SidebarMenu> <SidebarMenu>
{item.items.map((child) => ( {item.items.map((child) => (
<SidebarMenuItem key={child.name}> <SidebarMenuItem key={child.name}>
<SidebarMenuButton asChild isActive={url === child.url}> <SidebarMenuButton asChild isActive={url === child.url} tooltip={child.name}>
<Link href={child.url}> <Link href={child.url}>
<child.icon className="h-4 w-4" /> <child.icon className="h-4 w-4" />
<span>{child.name}</span> <span>{child.name}</span>
@ -51,10 +51,10 @@ export function NavMain({
} }
return ( return (
<SidebarGroup key={item.name} className="group-data-[collapsible=icon]:hidden"> <SidebarGroup key={item.name}>
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton asChild isActive={url === item.url}> <SidebarMenuButton asChild isActive={url === item.url} tooltip={item.name}>
<a href={item.url}> <a href={item.url}>
<item.icon className="h-4 w-4" /> <item.icon className="h-4 w-4" />
<span>{item.name}</span> <span>{item.name}</span>

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

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