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

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 (
<>
<CheckboxButton
ref={triggerRef}
className="max-w-fit"
checked={runCode}
setValue={debouncedChange}
label={localize('com_assistants_code_interpreter')}
isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10"
icon={<TerminalSquareIcon className="icon-md" />}
/>
{runCode && (
<CheckboxButton
ref={triggerRef}
className="max-w-fit"
checked={runCode}
setValue={debouncedChange}
label={localize('com_assistants_code_interpreter')}
isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10"
icon={<TerminalSquareIcon className="icon-md" />}
/>
)}
<ApiKeyDialog
onSubmit={onSubmit}
isOpen={isDialogOpen}

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

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