48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import type { FC } from 'react'
|
|
import type { ModelProvider } from '../declarations'
|
|
import { useLanguage } from '../hooks'
|
|
import { AnthropicText, Openai } from '@/app/components/base/icons/src/vender/other'
|
|
import cn from '@/utils/classnames'
|
|
|
|
type ProviderIconProps = {
|
|
provider: ModelProvider
|
|
className?: string
|
|
}
|
|
const ProviderIcon: FC<ProviderIconProps> = ({
|
|
provider,
|
|
className,
|
|
}) => {
|
|
const language = useLanguage()
|
|
|
|
if (provider.provider === 'langgenius/anthropic/anthropic') {
|
|
return (
|
|
<div className='mb-2'>
|
|
<AnthropicText className='w-auto h-6 text-text-inverted-dimmed' />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
if (provider.provider === 'langgenius/openai/openai') {
|
|
return (
|
|
<div className='mb-2'>
|
|
<Openai className='w-auto h-6 text-text-inverted-dimmed' />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className={cn('inline-flex items-center gap-2', className)}>
|
|
<img
|
|
alt='provider-icon'
|
|
src={`${provider.icon_small[language] || provider.icon_small.en_US}`}
|
|
className='w-6 h-6'
|
|
/>
|
|
<div className='system-md-semibold text-text-primary'>
|
|
{provider.label[language] || provider.label.en_US}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ProviderIcon
|