Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-03 02:59:07 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(ThinkingButton): show correct icon when isFixedReasoning (#11825)

Browse Source
This commit is contained in:
Phantom 2025-12-11 11:29:18 +08:00 committed by GitHub
parent fda2287475
commit 03db02d5f7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/renderer/src/pages/home/Inputbar/tools/components/ThinkingButton.tsx
View File

@ -93,7 +93,7 @@ const ThinkingButton: FC<Props> = ({ quickPanel, model, assistantId }): ReactEle
level: option,
label: getReasoningEffortOptionsLabel(option),
description: '',
icon: ThinkingIcon(option),
icon: ThinkingIcon({ option }),
isSelected: currentReasoningEffort === option,
action: () => onThinkingChange(option)
}))
@ -135,7 +135,7 @@ const ThinkingButton: FC<Props> = ({ quickPanel, model, assistantId }): ReactEle
{
label: t('assistants.settings.reasoning_effort.label'),
description: '',
icon: ThinkingIcon(currentReasoningEffort),
icon: ThinkingIcon({ option: currentReasoningEffort }),
isMenu: true,
action: () => openQuickPanel()
}
@ -163,37 +163,40 @@ const ThinkingButton: FC<Props> = ({ quickPanel, model, assistantId }): ReactEle
aria-label={ariaLabel}
aria-pressed={currentReasoningEffort !== 'none'}
style={isFixedReasoning ? { cursor: 'default' } : undefined}>
{ThinkingIcon(currentReasoningEffort)}
{ThinkingIcon({ option: currentReasoningEffort, isFixedReasoning })}
</ActionIconButton>
</Tooltip>
)
}
const ThinkingIcon = (option?: ThinkingOption) => {
const ThinkingIcon = (props: { option?: ThinkingOption; isFixedReasoning?: boolean }) => {
let IconComponent: React.FC<React.SVGProps<SVGSVGElement>> | null = null
switch (option) {
case 'minimal':
IconComponent = MdiLightbulbOn30
break
case 'low':
IconComponent = MdiLightbulbOn50
break
case 'medium':
IconComponent = MdiLightbulbOn80
break
case 'high':
IconComponent = MdiLightbulbOn
break
case 'auto':
IconComponent = MdiLightbulbAutoOutline
break
case 'none':
IconComponent = MdiLightbulbOffOutline
break
default:
IconComponent = MdiLightbulbOffOutline
break
if (props.isFixedReasoning) {
IconComponent = MdiLightbulbAutoOutline
} else {
switch (props.option) {
case 'minimal':
IconComponent = MdiLightbulbOn30
break
case 'low':
IconComponent = MdiLightbulbOn50
break
case 'medium':
IconComponent = MdiLightbulbOn80
break
case 'high':
IconComponent = MdiLightbulbOn
break
case 'auto':
IconComponent = MdiLightbulbAutoOutline
break
case 'none':
IconComponent = MdiLightbulbOffOutline
break
default:
IconComponent = MdiLightbulbOffOutline
break
}
}
return <IconComponent className="icon" width={18} height={18} style={{ marginTop: -2 }} />