From 177c33830c142477ecbdac2597b178c2b65cc483 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 19 Mar 2026 01:02:16 +0100
Subject: [PATCH] fix: add tooltips to notifications and profile when sidebar
 collapsed

---
 components/dashboard/Sidebar.tsx | 38 ++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/components/dashboard/Sidebar.tsx b/components/dashboard/Sidebar.tsx
index 7178ade..7a2a271 100644
--- a/components/dashboard/Sidebar.tsx
+++ b/components/dashboard/Sidebar.tsx
@@ -390,23 +390,27 @@ export default function Sidebar({
         <div className="border-t border-neutral-200/60 dark:border-neutral-800/60 px-2 py-3 shrink-0">
           {/* Notifications, Profile — same layout as nav items */}
           <div className="space-y-0.5 mb-1">
-            <NotificationCenter anchor="right" variant="sidebar">
-              <Label collapsed={c}>Notifications</Label>
-            </NotificationCenter>
-            <UserMenu
-              auth={auth}
-              LinkComponent={Link}
-              orgs={orgs}
-              activeOrgId={auth.user?.org_id}
-              onSwitchOrganization={handleSwitchOrganization}
-              onCreateOrganization={() => router.push('/onboarding')}
-              allowPersonalOrganization={false}
-              onOpenSettings={openSettings}
-              compact
-              anchor="right"
-            >
-              <Label collapsed={c}>{user?.display_name?.trim() || 'Profile'}</Label>
-            </UserMenu>
+            <span title={c ? 'Notifications' : undefined}>
+              <NotificationCenter anchor="right" variant="sidebar">
+                <Label collapsed={c}>Notifications</Label>
+              </NotificationCenter>
+            </span>
+            <span title={c ? (user?.display_name?.trim() || 'Profile') : undefined}>
+              <UserMenu
+                auth={auth}
+                LinkComponent={Link}
+                orgs={orgs}
+                activeOrgId={auth.user?.org_id}
+                onSwitchOrganization={handleSwitchOrganization}
+                onCreateOrganization={() => router.push('/onboarding')}
+                allowPersonalOrganization={false}
+                onOpenSettings={openSettings}
+                compact
+                anchor="right"
+              >
+                <Label collapsed={c}>{user?.display_name?.trim() || 'Profile'}</Label>
+              </UserMenu>
+            </span>
           </div>
 
           {/* Settings + Collapse */}