mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-16 00:28:17 +08:00
c67f626b66
Co-authored-by: John Wang <takatost@gmail.com> Co-authored-by: Jyong <718720800@qq.com> Co-authored-by: 金伟强 <iamjoel007@gmail.com>
29 lines
776 B
TypeScript
29 lines
776 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import cn from 'classnames'
|
|
import { appDefaultIconBackground } from '@/config/index'
|
|
import AppIcon from '@/app/components/base/app-icon'
|
|
|
|
export type IAppInfoProps = {
|
|
className?: string
|
|
icon: string
|
|
icon_background?: string
|
|
name: string
|
|
}
|
|
|
|
const AppInfo: FC<IAppInfoProps> = ({
|
|
className,
|
|
icon,
|
|
icon_background,
|
|
name,
|
|
}) => {
|
|
return (
|
|
<div className={cn(className, 'flex items-center space-x-3')}>
|
|
<AppIcon size="small" icon={icon} background={icon_background || appDefaultIconBackground} />
|
|
<div className='w-0 grow text-sm font-semibold text-gray-800 overflow-hidden text-ellipsis whitespace-nowrap'>{name}</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(AppInfo)
|