Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-02-26 12:24:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix: Correct Read-Only State Logic in Code Editor (#10508)

Browse source 
* ✨ style: Update ThinkingButton container background color for improved visibility

* ✨ style: Refactor Clipboard icon rendering for improved readability

* ✨ style: Simplify readOnly state initialization and update logic in ArtifactCodeEditor

* ✨ style: Update Thinking component background color for improved aesthetics

* Update client/src/components/Chat/Messages/MinimalHoverButtons.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Marco Beretta 2025-11-14 18:27:51 +01:00 • committed by GitHub
parent f6868fc851
commit e71c48ec3d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/src/components/Artifacts/ArtifactCodeEditor.tsx
View file

@ -179,9 +179,10 @@ export const ArtifactCodeEditor = function ({
bundlerURL: template === 'static' ? config.staticBundlerURL : config.bundlerURL,
};
}, [config, template, fileKey]);
const [readOnly, setReadOnly] = useState(externalReadOnly ?? isSubmitting ?? false);
const initialReadOnly = (externalReadOnly ?? false) || (isSubmitting ?? false);
const [readOnly, setReadOnly] = useState(initialReadOnly);
useEffect(() => {
setReadOnly(externalReadOnly ?? isSubmitting ?? false);
setReadOnly((externalReadOnly ?? false) || (isSubmitting ?? false));
}, [isSubmitting, externalReadOnly]);
if (Object.keys(files).length === 0) {