refactor: update BlockIcon component to handle Tool and DataSource types for conditional rendering

feat/rag-2
twwu 11 months ago
parent f677f2f71b
commit 3e187ba6aa

@ -97,23 +97,25 @@ const BlockIcon: FC<BlockIconProps> = ({
className, className,
toolIcon, toolIcon,
}) => { }) => {
const isToolOrDataSource = type === BlockEnum.Tool || type === BlockEnum.DataSource
return ( return (
<div className={ <div className={
cn( cn(
'flex items-center justify-center border-[0.5px] border-white/2 text-white', 'flex items-center justify-center border-[0.5px] border-white/2 text-white',
ICON_CONTAINER_CLASSNAME_SIZE_MAP[size], ICON_CONTAINER_CLASSNAME_SIZE_MAP[size],
!toolIcon && ICON_CONTAINER_BG_COLOR_MAP[type], !isToolOrDataSource && ICON_CONTAINER_BG_COLOR_MAP[type],
toolIcon && '!shadow-none', toolIcon && '!shadow-none',
className, className,
)} )}
> >
{ {
type !== BlockEnum.Tool && ( !isToolOrDataSource && (
getIcon(type, size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5') getIcon(type, size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5')
) )
} }
{ {
(type === BlockEnum.Tool || type === BlockEnum.DataSource) && toolIcon && ( isToolOrDataSource && toolIcon && (
<> <>
{ {
typeof toolIcon === 'string' typeof toolIcon === 'string'

Loading…
Cancel
Save