ui(earn): validate minsize on mount of form

joinmarket-webui · Sep 12, 2024 · 419f2fd · 419f2fd
1 parent 91681fe
commit 419f2fd
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/Earn.tsx b/src/components/Earn.tsx
@@ -276,7 +276,15 @@ const EarnForm = ({
   }
 
   return (
-    <Formik initialValues={initialValues} validate={validate} onSubmit={onSubmit}>
+    <Formik
+      initialValues={initialValues}
+      validate={validate}
+      onSubmit={onSubmit}
+      validateOnMount={true}
+      initialTouched={{
+        minsize: true,
+      }}
+    >
       {(props) => {
         const { handleSubmit, setFieldValue, handleBlur, values, touched, errors, isSubmitting } = props
         const minsizeField = props.getFieldProps<AmountValue>('minsize')