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> <TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<DropdownToolsAvailable <div>
initialMessage={initialMessage} <DropdownToolsAvailable
> initialMessage={initialMessage}
{(isOpen, toolsCount) => ( >
<div {(isOpen, toolsCount) => (
className={cn( <div
'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', className={cn(
isOpen && 'bg-main-view-fg/10' '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} <IconTool
className="text-main-view-fg/50" 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"> {toolsCount > 0 && (
<span className="leading-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">
{toolsCount > 99 ? '99+' : toolsCount} <span className="leading-0">
</span> {toolsCount > 99 ? '99+' : toolsCount}
</div> </span>
)} </div>
</div> )}
)} </div>
</DropdownToolsAvailable> )}
</DropdownToolsAvailable>
</div>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<p>Tools</p> <p>Tools</p>