jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Prevent esc to close Code Modal (#1544)

Browse source 
✨ (codeAreaModal/index.tsx): add event listener to prevent the Escape
key from closing the modal
📝 (codeAreaModal/index.tsx): improve code readability by adding line
breaks and indentation for better code organization
This commit is contained in:
anovazzi1 2024-03-19 17:58:21 -03:00 • committed by GitHub
commit 43023e55bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 74 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -146,7 +146,14 @@ export default function CodeAreaModal({
setCode(value); setCode(value);
}, [value, open]); }, [value, open]);
const handlePreventEsc = (e: React.KeyboardEvent) => {
if (e.key === "Escape") {
e.preventDefault();
}
};
return ( return (
<div onKeyDown={(e) => handlePreventEsc(e)}>
<BaseModal open={open} setOpen={setOpen}> <BaseModal open={open} setOpen={setOpen}>
<BaseModal.Trigger>{children}</BaseModal.Trigger> <BaseModal.Trigger>{children}</BaseModal.Trigger>
<BaseModal.Header description={CODE_PROMPT_DIALOG_SUBTITLE}> <BaseModal.Header description={CODE_PROMPT_DIALOG_SUBTITLE}>
@ -216,5 +223,6 @@ export default function CodeAreaModal({
</div> </div>
</BaseModal.Content> </BaseModal.Content>
</BaseModal> </BaseModal>
</div>
); );
} }