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