feat: replace show/hide workflow_steps with switch (#7627)

This commit is contained in:
crazywoola 2024-08-26 11:00:57 +08:00 committed by GitHub
parent 23cedc3f1c
commit 1ba3d3acd6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 10 deletions

View File

@ -215,14 +215,19 @@ const SettingsModal: FC<ISettingsModalProps> = ({
defaultValue={language} defaultValue={language}
onSelect={item => setLanguage(item.value as Language)} onSelect={item => setLanguage(item.value as Language)}
/> />
{(appInfo.mode === 'workflow' || appInfo.mode === 'advanced-chat') && <> <div className='w-full mt-8'>
<div className={`mt-6 mb-2 font-medium ${s.settingTitle} text-gray-900 `}>{t(`${prefixSettings}.workflow.title`)}</div> <p className='system-xs-medium text-gray-500'>{t(`${prefixSettings}.workflow.title`)}</p>
<SimpleSelect <div className='flex justify-between items-center'>
items={[{ name: t(`${prefixSettings}.workflow.show`), value: 'true' }, { name: t(`${prefixSettings}.workflow.hide`), value: 'false' }]} <div className='font-medium system-sm-semibold flex-grow text-gray-900'>{t(`${prefixSettings}.workflow.subTitle`)}</div>
defaultValue={inputInfo.show_workflow_steps ? 'true' : 'false'} <Switch
onSelect={item => setInputInfo({ ...inputInfo, show_workflow_steps: item.value === 'true' })} disabled={!(appInfo.mode === 'workflow' || appInfo.mode === 'advanced-chat')}
defaultValue={inputInfo.show_workflow_steps}
onChange={v => setInputInfo({ ...inputInfo, show_workflow_steps: v })}
/> />
</>} </div>
<p className='body-xs-regular text-gray-500'>{t(`${prefixSettings}.workflow.showDesc`)}</p>
</div>
{isChat && <> <div className={`mt-8 font-medium ${s.settingTitle} text-gray-900`}>{t(`${prefixSettings}.chatColorTheme`)}</div> {isChat && <> <div className={`mt-8 font-medium ${s.settingTitle} text-gray-900`}>{t(`${prefixSettings}.chatColorTheme`)}</div>
<p className={`mt-1 ${s.settingsTip} text-gray-500`}>{t(`${prefixSettings}.chatColorThemeDesc`)}</p> <p className={`mt-1 ${s.settingsTip} text-gray-500`}>{t(`${prefixSettings}.chatColorThemeDesc`)}</p>
<input className={`w-full mt-2 rounded-lg h-10 box-border px-3 ${s.projectName} bg-gray-100`} <input className={`w-full mt-2 rounded-lg h-10 box-border px-3 ${s.projectName} bg-gray-100`}

View File

@ -45,9 +45,11 @@ const translation = {
webDescPlaceholder: 'Enter the description of the WebApp', webDescPlaceholder: 'Enter the description of the WebApp',
language: 'Language', language: 'Language',
workflow: { workflow: {
title: 'Workflow Steps', title: 'Workflow',
subTitle: 'Workflow Details',
show: 'Show', show: 'Show',
hide: 'Hide', hide: 'Hide',
showDesc: 'Show or hide workflow details in WebApp',
}, },
chatColorTheme: 'Chat color theme', chatColorTheme: 'Chat color theme',
chatColorThemeDesc: 'Set the color theme of the chatbot', chatColorThemeDesc: 'Set the color theme of the chatbot',

View File

@ -45,9 +45,11 @@ const translation = {
webDescPlaceholder: '请输入 WebApp 的描述', webDescPlaceholder: '请输入 WebApp 的描述',
language: '语言', language: '语言',
workflow: { workflow: {
title: '工作流详情', title: '工作流',
subTitle: '工作流详情',
show: '显示', show: '显示',
hide: '隐藏', hide: '隐藏',
showDesc: '在 WebApp 中展示或者隐藏工作流详情',
}, },
chatColorTheme: '聊天颜色主题', chatColorTheme: '聊天颜色主题',
chatColorThemeDesc: '设置聊天机器人的颜色主题', chatColorThemeDesc: '设置聊天机器人的颜色主题',