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

✨ (codeAreaModal/index.tsx): add event listener to prevent the Escape key from closing the modal

Browse source 
📝 (codeAreaModal/index.tsx): improve code readability by adding line breaks and indentation for better code organization
This commit is contained in:
cristhianzl 2024-03-19 15:00:46 -03:00
commit 35198a3abb
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>
); );
} }