youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-03 00:48:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): trigger error tooltip on entire variable badge hover

Browse Source
This commit is contained in:
yyh
2026-03-09 14:03:52 +08:00
parent 1abbaf9fd5
commit 456c95adb1
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-label.tsx
View File

@ -25,7 +25,8 @@ const VariableLabel = ({
}: VariablePayload) => {
const varColorClassName = useVarColor(variables, isExceptionVariable)
const isShowNodeLabel = !(isENV(variables) || isConversationVar(variables) || isGlobalVar(variables) || isRagVariableVar(variables))
return (
const badge = (
<div
className={cn(
'inline-flex h-6 max-w-full items-center space-x-0.5 rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 shadow-xs',
@ -66,10 +67,7 @@ const VariableLabel = ({
}
{
!!errorMsg && (
<Tooltip>
<TooltipTrigger render={<Warning className="h-3 w-3 shrink-0 text-text-warning" />} />
<TooltipContent>{errorMsg}</TooltipContent>
</Tooltip>
<Warning className="h-3 w-3 shrink-0 text-text-warning" />
)
}
{
@ -77,6 +75,16 @@ const VariableLabel = ({
}
</div>
)
if (!errorMsg)
return badge
return (
<Tooltip>
<TooltipTrigger render={badge} />
<TooltipContent>{errorMsg}</TooltipContent>
</Tooltip>
)
}
export default memo(VariableLabel)