d069c668f8
Co-authored-by: StyleZhang <jasonapring2015@outlook.com> Co-authored-by: Garfield Dai <dai.hai@foxmail.com> Co-authored-by: chenhe <guchenhe@gmail.com> Co-authored-by: jyong <jyong@dify.ai> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Yeuoly <admin@srmxy.cn>
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import cn from 'classnames'
|
|
import { useTranslation } from 'react-i18next'
|
|
import s from './style.module.css'
|
|
import Config from '@/app/components/explore/universal-chat/config'
|
|
import type { DataSet } from '@/models/datasets'
|
|
|
|
type Props = {
|
|
modelId: string
|
|
providerName: string
|
|
plugins: Record<string, boolean>
|
|
dataSets: DataSet[]
|
|
}
|
|
const ConfigViewPanel: FC<Props> = ({
|
|
modelId,
|
|
providerName,
|
|
plugins,
|
|
dataSets,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<div className={cn('absolute top-9 right-0 z-20 p-4 bg-white rounded-2xl shadow-md', s.panelBorder)}>
|
|
<div className='w-[368px]'>
|
|
<Config
|
|
readonly
|
|
modelId={modelId}
|
|
providerName={providerName}
|
|
plugins={plugins}
|
|
dataSets={dataSets}
|
|
/>
|
|
<div className='mt-3 text-xs leading-[18px] text-500 font-normal'>{t('explore.universalChat.viewConfigDetailTip')}</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(ConfigViewPanel)
|