mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-07-09 03:12:03 +08:00
47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { RiCheckLine } from '@remixicon/react'
|
|
import AppIcon from '@/app/components/base/app-icon'
|
|
import cn from '@/utils/classnames'
|
|
|
|
const Icon = ({
|
|
className,
|
|
src,
|
|
installed = false,
|
|
}: {
|
|
className?: string
|
|
src: string | {
|
|
'content': string
|
|
'background': string
|
|
}
|
|
installed?: boolean
|
|
}) => {
|
|
if (typeof src === 'object') {
|
|
return (
|
|
<div className={cn('relative', className)}>
|
|
<AppIcon
|
|
size='large'
|
|
iconType={'emoji'}
|
|
icon={src.content}
|
|
background={src.background}
|
|
className='rounded-md'
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
return (
|
|
<div
|
|
className={cn('shrink-0 relative w-10 h-10 rounded-md bg-center bg-no-repeat bg-contain', className)}
|
|
style={{
|
|
backgroundImage: `url(${src})`,
|
|
}}
|
|
>
|
|
{installed
|
|
&& <div className='flex justify-center items-center gap-2 absolute bottom-[-4px] right-[-4px] w-[18px] h-[18px] rounded-full border-2 border-components-panel-bg bg-state-success-solid'>
|
|
<RiCheckLine className='w-3 h-3 text-text-primary-on-surface' />
|
|
</div>
|
|
}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Icon
|