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

chore: icon to fn

Browse Source
This commit is contained in:
Joel
2026-01-28 16:01:09 +08:00
parent 116e075b94
commit 807697c664
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/app/components/workflow/nodes/llm/components/reference-tool-config.tsx
View File

@ -167,6 +167,31 @@ const ReferenceToolConfig: FC<ReferenceToolConfigProps> = ({
}))
}, [])
const renderProviderIcon = useCallback((providerId: string) => {
const icon = providerIcons.get(providerId)
if (!icon || iconErrorMap[providerId])
return <DefaultToolIcon className="h-4 w-4 text-text-primary" />
if (typeof icon === 'string') {
return (
<img
src={icon}
alt={providerId}
className="h-full w-full object-cover"
width={24}
height={24}
onError={() => setIconErrorMap(prev => ({ ...prev, [providerId]: true }))}
/>
)
}
return (
<AppIcon
className="h-full w-full object-cover"
icon={icon.content}
background={icon.background}
/>
)
}, [iconErrorMap, providerIcons])
return (
<div className={cn('flex flex-col gap-2', isDisabled && 'opacity-50')}>
{providers.map((provider) => {
@ -179,30 +204,7 @@ const ReferenceToolConfig: FC<ReferenceToolConfigProps> = ({
<div className="flex items-center rounded-lg p-1">
<div className="flex min-w-0 items-center gap-2">
<div className="flex h-6 w-6 items-center justify-center overflow-hidden rounded-md">
{(() => {
const icon = providerIcons.get(provider.id)
if (!icon || iconErrorMap[provider.id])
return <DefaultToolIcon className="h-4 w-4 text-text-primary" />
if (typeof icon === 'string') {
return (
<img
src={icon}
alt={provider.id}
className="h-full w-full object-cover"
width={24}
height={24}
onError={() => setIconErrorMap(prev => ({ ...prev, [provider.id]: true }))}
/>
)
}
return (
<AppIcon
className="h-full w-full object-cover"
icon={icon.content}
background={icon.background}
/>
)
})()}
{renderProviderIcon(provider.id)}
</div>
<div className="system-sm-medium truncate text-text-primary">
{provider.id}