sidebar tooltips

Author: brendan-kellam

packages/web/src/app/(app)/@sidebar/components/defaultSidebar/nav.tsx

@@ -103,7 +103,7 @@ export function Nav({ isSettingsNotificationVisible, isSignedIn, homeView }: Nav
                     (item.key === "settings" && isSettingsNotificationVisible);
                 return (
                     <SidebarMenuItem key={item.title}>
-                        <SidebarMenuButton asChild isActive={isActive(item.href)}>
+                        <SidebarMenuButton asChild isActive={isActive(item.href)} tooltip={item.title}>
                             <Link
                                 href={item.href}
                             >

packages/web/src/app/(app)/@sidebar/components/sidebarBase.tsx

@@ -101,10 +101,14 @@ export function SidebarBase({ session, collapsible = "icon", headerContent, chil
 
 function CollapseSidebarButton() {
     const { toggleSidebar, state } = useSidebar();
+    const [tooltipOpen, setTooltipOpen] = useState(false);
     return (
         <SidebarMenu>
             <SidebarMenuItem>
-                <Tooltip open={state === "expanded" ? false : undefined}>
+                <Tooltip
+                    open={state === "expanded" ? false : tooltipOpen}
+                    onOpenChange={setTooltipOpen}
+                >
                     <TooltipTrigger asChild>
                         <SidebarMenuButton onClick={toggleSidebar}>
                             {state === "expanded" ? (

packages/web/src/app/(app)/@sidebar/components/whatsNewSidebarButton.tsx

@@ -60,6 +60,7 @@ const setReadItems = (readItems: string[]) => {
 export function WhatsNewSidebarButton() {
     const { state } = useSidebar()
     const [isOpen, setIsOpen] = useState(false)
+    const [tooltipOpen, setTooltipOpen] = useState(false)
     const [readItems, setReadItemsState] = useState<string[]>([])
     const [isInitialized, setIsInitialized] = useState(false)
 
@@ -114,7 +115,10 @@ export function WhatsNewSidebarButton() {
         <SidebarMenu>
             <SidebarMenuItem>
                 <Popover open={isOpen} onOpenChange={setIsOpen}>
-                    <Tooltip open={state === "expanded" ? false : undefined}>
+                    <Tooltip
+                        open={state === "expanded" ? false : tooltipOpen}
+                        onOpenChange={setTooltipOpen}
+                    >
                         <TooltipTrigger asChild>
                             <PopoverTrigger asChild>
                                 <SidebarMenuButton>