whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(ModelSettings.tsx): sorting model names and capitalizing first letter

Browse Source
This commit is contained in:
kangfenmao 2024-08-08 16:36:36 +08:00
parent 84915b1ede
commit 2f62f04adf
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/src/pages/settings/ModelSettings.tsx
View File

@ -3,7 +3,7 @@ import { useDefaultModel } from '@renderer/hooks/useAssistant'
import { useProviders } from '@renderer/hooks/useProvider' import { useProviders } from '@renderer/hooks/useProvider'
import { Model } from '@renderer/types' import { Model } from '@renderer/types'
import { Select } from 'antd' import { Select } from 'antd'
import { find } from 'lodash' import { find, upperFirst } from 'lodash'
import { FC } from 'react' import { FC } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
@ -21,10 +21,12 @@ const ModelSettings: FC = () => {
.map((p) => ({ .map((p) => ({
label: p.isSystem ? t(`provider.${p.id}`) : p.name, label: p.isSystem ? t(`provider.${p.id}`) : p.name,
title: p.name, title: p.name,
options: p.models.map((m) => ({ options: p.models
label: m.name, .sort((a, b) => a.name.localeCompare(b.name))
value: m.id .map((m) => ({
})) label: upperFirst(m.name),
value: m.id
}))
})) }))
const iconStyle = { fontSize: 16, marginRight: 8 } const iconStyle = { fontSize: 16, marginRight: 8 }
@ -40,7 +42,7 @@ const ModelSettings: FC = () => {
<SettingDivider /> <SettingDivider />
<Select <Select
defaultValue={defaultModel.id} defaultValue={defaultModel.id}
style={{ width: 200 }} style={{ width: 360 }}
onChange={(id) => setDefaultModel(find(allModels, { id }) as Model)} onChange={(id) => setDefaultModel(find(allModels, { id }) as Model)}
options={selectOptions} options={selectOptions}
/> />
@ -54,7 +56,7 @@ const ModelSettings: FC = () => {
<SettingDivider /> <SettingDivider />
<Select <Select
defaultValue={topicNamingModel.id} defaultValue={topicNamingModel.id}
style={{ width: 200 }} style={{ width: 360 }}
onChange={(id) => setTopicNamingModel(find(allModels, { id }) as Model)} onChange={(id) => setTopicNamingModel(find(allModels, { id }) as Model)}
options={selectOptions} options={selectOptions}
/> />
@ -68,7 +70,7 @@ const ModelSettings: FC = () => {
<SettingDivider /> <SettingDivider />
<Select <Select
defaultValue={translateModel?.id} defaultValue={translateModel?.id}
style={{ width: 200 }} style={{ width: 360 }}
onChange={(id) => setTranslateModel(find(allModels, { id }) as Model)} onChange={(id) => setTranslateModel(find(allModels, { id }) as Model)}
options={selectOptions} options={selectOptions}
placeholder={t('settings.models.empty')} placeholder={t('settings.models.empty')}