fix(layout): hoist TooltipProvider to wrap full sidebar tree

The collapsed-state user-footer renders a Tooltip that was outside the
TooltipProvider — the provider only wrapped the nav. Once the sidebar
toggled to collapsed, the footer Tooltip threw "Tooltip must be used
within TooltipProvider", surfacing as console errors in exhaustive
click-through tests.

Move TooltipProvider up one level so every Tooltip in the sidebar tree
(nav items + user footer) is covered.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt Ciaccio
2026-04-28 05:08:01 +02:00
parent 0406778c44
commit cda44e721b

View File

@@ -199,6 +199,7 @@ function SidebarContent({
}
return (
<TooltipProvider delayDuration={0}>
<div className="flex flex-col h-full bg-[#1e2844]">
{/* Logo area */}
<div
@@ -220,7 +221,6 @@ function SidebarContent({
{/* Nav */}
<ScrollArea className="flex-1 py-2">
<TooltipProvider delayDuration={0}>
<nav className="px-2 space-y-4">
{sections.map((section) => {
if (section.adminRequired && !hasAdminAccess) return null;
@@ -266,7 +266,6 @@ function SidebarContent({
);
})}
</nav>
</TooltipProvider>
</ScrollArea>
{/* User footer */}
@@ -304,6 +303,7 @@ function SidebarContent({
)}
</div>
</div>
</TooltipProvider>
);
}