Prevent the Enter key from submitting the form when text input has fo…

…cus (#2404) * Include our NFT collection in option list for signing (#2394) * Prevent the Enter key from submitting the form when text input has focus (#2394)
Chia-Network · Jun 27, 2024 · c2354a1 · c2354a1
1 parent fd3e017
commit c2354a1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/gui/src/components/signVerify/SignMessage.tsx b/packages/gui/src/components/signVerify/SignMessage.tsx
@@ -149,14 +149,21 @@ export default function SignMessage(props: SignMessageProps) {
     await handleSign();
   }
 
+  const preventEnterKeySubmission = (e: React.KeyboardEvent<HTMLFormElement>) => {
+    const { target } = e;
+    if (e.key === 'Enter' && target instanceof HTMLInputElement) {
+      e.preventDefault();
+    }
+  };
+
   const buttons: { type: SignMessageEntityType; label: ReactNode }[] = [
     { type: SignMessageEntityType.WalletAddress, label: <Trans>Wallet Address</Trans> },
     { type: SignMessageEntityType.NFT, label: <Trans>NFT</Trans> },
     { type: SignMessageEntityType.DID, label: <Trans>DID</Trans> },
   ];
 
   return (
-    <Form methods={methods} onSubmit={handleSubmit}>
+    <Form methods={methods} onSubmit={handleSubmit} onKeyDown={preventEnterKeySubmission}>
       <Flex flexDirection="column" gap={3}>
         <Card>
           <Flex flexDirection="column" gap={1}>

diff --git a/packages/gui/src/components/signVerify/SigningEntityNFT.tsx b/packages/gui/src/components/signVerify/SigningEntityNFT.tsx
@@ -65,6 +65,7 @@ export default function SigningEntityNFT(props: SigningEntityNFTProps) {
         label={<Trans>NFT ID</Trans>}
         variant="filled"
         name={entityFormName}
+        includeNFTCollection
         InputProps={{
           endAdornment: (
             <InputAdornment position="end">