From 658a161907fe9db5ad891662784ac26a2dad583d Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 25 Aug 2026 23:25:33 +0700
Subject: [PATCH] feat: add tooltip to sidebar menu buttons in NavMain and
 NavSecondary components

---
 resources/js/components/nav-main.tsx      | 8 ++++----
 resources/js/components/nav-secondary.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/nav-main.tsx b/resources/js/components/nav-main.tsx
index b76fab6..d444978 100644
--- a/resources/js/components/nav-main.tsx
+++ b/resources/js/components/nav-main.tsx
@@ -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>
diff --git a/resources/js/components/nav-secondary.tsx b/resources/js/components/nav-secondary.tsx
index 3f3636f..832692f 100644
--- a/resources/js/components/nav-secondary.tsx
+++ b/resources/js/components/nav-secondary.tsx
@@ -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>