36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
import React from 'react'
|
|
|
|
import { useAtomValue } from 'jotai'
|
|
|
|
import { selectedModelAtom } from '@/containers/DropdownListSidebar'
|
|
|
|
import { getConfigurationsData } from '@/utils/componentSettings'
|
|
import { toRuntimeParams } from '@/utils/modelParam'
|
|
|
|
import settingComponentBuilder from './settingComponentBuilder'
|
|
|
|
import { getActiveThreadModelParamsAtom } from '@/helpers/atoms/Thread.atom'
|
|
|
|
const ModelSetting = () => {
|
|
const activeModelParams = useAtomValue(getActiveThreadModelParamsAtom)
|
|
const selectedModel = useAtomValue(selectedModelAtom)
|
|
|
|
if (!selectedModel || !activeModelParams) return null
|
|
|
|
const modelRuntimeParams = toRuntimeParams(activeModelParams)
|
|
|
|
const componentData = getConfigurationsData(
|
|
modelRuntimeParams,
|
|
selectedModel
|
|
).toSorted((a, b) => a.title.localeCompare(b.title))
|
|
|
|
return (
|
|
<div className="flex flex-col">
|
|
{settingComponentBuilder(componentData)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(ModelSetting)
|