d10ef17f17
Co-authored-by: StyleZhang <jasonapring2015@outlook.com> Co-authored-by: Joel <iamjoel007@gmail.com>
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { ModelType, type ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
|
|
import ModelSelector from '@/app/components/header/account-setting/model-page/model-selector'
|
|
export type IModelConfigProps = {
|
|
modelId: string
|
|
providerName: ProviderEnum
|
|
onChange?: (modelId: string, providerName: ProviderEnum) => void
|
|
readonly?: boolean
|
|
}
|
|
|
|
const ModelConfig: FC<IModelConfigProps> = ({
|
|
modelId,
|
|
providerName,
|
|
onChange,
|
|
readonly,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className='flex items-center justify-between h-[52px] px-3 rounded-xl bg-gray-50'>
|
|
<div className='text-sm font-semibold text-gray-800'>{t('explore.universalChat.model')}</div>
|
|
<ModelSelector
|
|
popClassName="right-0"
|
|
triggerIconSmall
|
|
modelType={ModelType.textGeneration}
|
|
supportAgentThought
|
|
value={{
|
|
modelName: modelId,
|
|
providerName,
|
|
}}
|
|
onChange={(model) => {
|
|
onChange?.(model.model_name, model.model_provider.provider_name)
|
|
}}
|
|
readonly={readonly}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(ModelConfig)
|