fix

fern-api · Dec 14, 2024 · d94d4a4 · d94d4a4
1 parent 12d4a5d
commit d94d4a4
Showing 1 changed file with 21 additions and 19 deletions.
diff --git a/packages/ui/fern-docs-search-ui/src/components/desktop/desktop-ask-ai.tsx b/packages/ui/fern-docs-search-ui/src/components/desktop/desktop-ask-ai.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@fern-ui/components/badges";
 import { useDebouncedCallback, useEventCallback } from "@fern-ui/react-commons";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { composeRefs } from "@radix-ui/react-compose-refs";
-import { TooltipPortal } from "@radix-ui/react-tooltip";
+import { TooltipPortal, TooltipProvider } from "@radix-ui/react-tooltip";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { Message, useChat } from "ai/react";
 import { useAtomValue } from "jotai";
@@ -261,24 +261,26 @@ const DesktopAskAIChat = ({
             >
                 <headerActions.In>
                     {chat.messages.length > 0 && (
-                        <Tooltip>
-                            <TooltipTrigger asChild>
-                                <Button
-                                    size="iconXs"
-                                    variant="outline"
-                                    onClick={() => {
-                                        chat.setMessages([]);
-                                    }}
-                                >
-                                    <SquarePen />
-                                </Button>
-                            </TooltipTrigger>
-                            <TooltipPortal>
-                                <TooltipContent>
-                                    <p>New chat</p>
-                                </TooltipContent>
-                            </TooltipPortal>
-                        </Tooltip>
+                        <TooltipProvider>
+                            <Tooltip>
+                                <TooltipTrigger asChild>
+                                    <Button
+                                        size="iconXs"
+                                        variant="outline"
+                                        onClick={() => {
+                                            chat.setMessages([]);
+                                        }}
+                                    >
+                                        <SquarePen />
+                                    </Button>
+                                </TooltipTrigger>
+                                <TooltipPortal>
+                                    <TooltipContent>
+                                        <p>New chat</p>
+                                    </TooltipContent>
+                                </TooltipPortal>
+                            </Tooltip>
+                        </TooltipProvider>
                     )}
                 </headerActions.In>