Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-17 00:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor: conditionally render CheckboxButton in CodeInterpreter and WebSearch components for improved UI responsiveness

Browse source
This commit is contained in:
Danny Avila 2025-06-22 11:58:15 -04:00
parent 9eb62370a4
commit 9375789f15
No known key found for this signature in database
GPG key ID: BF31EEB2C5CA0956
2 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

20
client/src/components/Chat/Input/CodeInterpreter.tsx
View file

@ -26,15 +26,17 @@ function CodeInterpreter() {
return ( return (
<> <>
<CheckboxButton {runCode && (
ref={triggerRef} <CheckboxButton
className="max-w-fit" ref={triggerRef}
checked={runCode} className="max-w-fit"
setValue={debouncedChange} checked={runCode}
label={localize('com_assistants_code_interpreter')} setValue={debouncedChange}
isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10" label={localize('com_assistants_code_interpreter')}
icon={<TerminalSquareIcon className="icon-md" />} isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10"
/> icon={<TerminalSquareIcon className="icon-md" />}
/>
)}
<ApiKeyDialog <ApiKeyDialog
onSubmit={onSubmit} onSubmit={onSubmit}
isOpen={isDialogOpen} isOpen={isDialogOpen}

20
client/src/components/Chat/Input/WebSearch.tsx
View file

@ -26,15 +26,17 @@ function WebSearch() {
return ( return (
<> <>
<CheckboxButton {webSearch && (
ref={triggerRef} <CheckboxButton
className="max-w-fit" ref={triggerRef}
checked={webSearch} className="max-w-fit"
setValue={debouncedChange} checked={webSearch}
label={localize('com_ui_search')} setValue={debouncedChange}
isCheckedClassName="border-blue-600/40 bg-blue-500/10 hover:bg-blue-700/10" label={localize('com_ui_search')}
icon={<Globe className="icon-md" />} isCheckedClassName="border-blue-600/40 bg-blue-500/10 hover:bg-blue-700/10"
/> icon={<Globe className="icon-md" />}
/>
)}
<ApiKeyDialog <ApiKeyDialog
onSubmit={onSubmit} onSubmit={onSubmit}
authTypes={authTypes} authTypes={authTypes}