Moved seed validation from onChange event handler to onBlur event han…

…dler (#363)
vulpemventures · Jun 20, 2022 · 5cd0254 · 5cd0254
1 parent f803c47
commit 5cd0254
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/presentation/onboarding/wallet-restore/mnemonic-field.tsx b/src/presentation/onboarding/wallet-restore/mnemonic-field.tsx
@@ -15,12 +15,13 @@ export const MnemonicField: React.FC<Props> = ({ onChange, value }) => {
   };
 
   const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-    if (!validSeed(event.target.value)) {
+    setError(undefined);
+    onChange(event.target.value);
+  };
+
+  const handleBlur = () => {
+    if (!validSeed(value)) {
       setError('Mnemonic is not valid - should be 12 or 24 words separated by spaces');
-      onChange('');
-    } else {
-      setError(undefined);
-      onChange(event.target.value);
     }
   };
 
@@ -38,6 +39,7 @@ export const MnemonicField: React.FC<Props> = ({ onChange, value }) => {
           }
         )}
         onChange={handleChange}
+        onBlur={handleBlur}
         placeholder="Enter your mnemonic phrase"
         value={value}
       />