From 568fb7e23beae61d9a9eb1966105e70de0b17eae Mon Sep 17 00:00:00 2001
From: Ben Potter <ben@coder.com>
Date: Wed, 22 Oct 2025 12:48:16 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Fix=20hidden=20tooltip=20on=20Ad?=
 =?UTF-8?q?d=20Project=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap AddProjectBtn in TooltipWrapper component to display styled tooltip
on hover, consistent with other UI elements in the sidebar.
---
 src/components/ProjectSidebar.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ProjectSidebar.tsx b/src/components/ProjectSidebar.tsx
index 775c5fdc8..391a1a0ca 100644
--- a/src/components/ProjectSidebar.tsx
+++ b/src/components/ProjectSidebar.tsx
@@ -783,9 +783,14 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
             <>
               <SidebarHeader>
                 <h2>Projects</h2>
-                <AddProjectBtn onClick={onAddProject} title="Add Project" aria-label="Add project">
-                  +
-                </AddProjectBtn>
+                <TooltipWrapper inline>
+                  <AddProjectBtn onClick={onAddProject} aria-label="Add project">
+                    +
+                  </AddProjectBtn>
+                  <Tooltip className="tooltip" align="right">
+                    Add Project
+                  </Tooltip>
+                </TooltipWrapper>
               </SidebarHeader>
               <ProjectsList>
                 {projects.size === 0 ? (