mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-06-01 07:47:45 +08:00
7709d9df20
Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import type { FC } from 'react'
|
|
import { RiEqualizer2Line } from '@remixicon/react'
|
|
import { CubeOutline } from '@/app/components/base/icons/src/vender/line/shapes'
|
|
import cn from '@/utils/classnames'
|
|
import { useTranslation } from 'react-i18next'
|
|
type ModelTriggerProps = {
|
|
open: boolean
|
|
className?: string
|
|
}
|
|
const ModelTrigger: FC<ModelTriggerProps> = ({
|
|
open,
|
|
className,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'flex cursor-pointer items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 hover:bg-components-input-bg-hover', open && 'bg-components-input-bg-hover',
|
|
className,
|
|
)}
|
|
>
|
|
<div className='flex grow items-center'>
|
|
<div className='mr-1.5 flex h-4 w-4 items-center justify-center rounded-[5px] border border-dashed border-divider-regular'>
|
|
<CubeOutline className='h-3 w-3 text-text-quaternary' />
|
|
</div>
|
|
<div
|
|
className='truncate text-[13px] text-text-tertiary'
|
|
title='Configure model'
|
|
>
|
|
{t('plugin.detailPanel.configureModel')}
|
|
</div>
|
|
</div>
|
|
<div className='flex h-4 w-4 shrink-0 items-center justify-center'>
|
|
<RiEqualizer2Line className='h-3.5 w-3.5 text-text-tertiary' />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ModelTrigger
|