Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tooltip tools chat input

Browse Source
This commit is contained in:
Faisal Amir 2025-06-02 12:31:58 +07:00
parent fa9d81e3b2
commit 5dd4b62bcc
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
web-app/src/containers/ChatInput.tsx
View File

@ -462,30 +462,32 @@ const ChatInput = ({
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<DropdownToolsAvailable
initialMessage={initialMessage}
>
{(isOpen, toolsCount) => (
<div
className={cn(
'h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1 cursor-pointer relative',
isOpen && 'bg-main-view-fg/10'
)}
>
<IconTool
size={18}
className="text-main-view-fg/50"
/>
{toolsCount > 0 && (
<div className="absolute -top-1 -right-1.5 bg-accent text-accent-fg text-xs rounded-full size-4 flex items-center justify-center font-medium">
<span className="leading-0">
{toolsCount > 99 ? '99+' : toolsCount}
</span>
</div>
)}
</div>
)}
</DropdownToolsAvailable>
<div>
<DropdownToolsAvailable
initialMessage={initialMessage}
>
{(isOpen, toolsCount) => (
<div
className={cn(
'h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1 cursor-pointer relative',
isOpen && 'bg-main-view-fg/10'
)}
>
<IconTool
size={18}
className="text-main-view-fg/50"
/>
{toolsCount > 0 && (
<div className="absolute -top-1 -right-1.5 bg-accent text-accent-fg text-xs rounded-full size-4 flex items-center justify-center font-medium">
<span className="leading-0">
{toolsCount > 99 ? '99+' : toolsCount}
</span>
</div>
)}
</div>
)}
</DropdownToolsAvailable>
</div>
</TooltipTrigger>
<TooltipContent>
<p>Tools</p>