Merge pull request #177 from ourzora/fix-create-dao-address-validaton

Add debounce to address validation

Author: neokry

apps/web/src/modules/create-dao/components/AllocationForm/AllocationForm.schema.ts

@@ -1,14 +1,28 @@
+import { debounce } from 'lodash'
 import * as Yup from 'yup'
 
 import { isValidAddress } from 'src/utils/ens'
 import { getProvider } from 'src/utils/provider'
 
+const validateAddress = async (
+  value: string | undefined,
+  res: (value: boolean | PromiseLike<boolean>) => void
+) => {
+  try {
+    res(!!value && (await isValidAddress(value, getProvider())))
+  } catch (err) {
+    res(false)
+  }
+}
+
+export const deboucedValidateAddress = debounce(validateAddress, 500)
+
 export const allocationSchema = Yup.object().shape({
   founderAddress: Yup.string()
     .test(
       'isValidAddress',
       'invalid address',
-      (value: string | undefined) => !!value && isValidAddress(value, getProvider())
+      (value) => new Promise((res) => deboucedValidateAddress(value, res))
     )
     .required('*'),
   allocationPercentage: Yup.number()

apps/web/src/modules/create-dao/components/VetoForm.tsx

@@ -11,11 +11,11 @@ import {
   defaultFormButtonWithPrev,
 } from 'src/components/Fields/styles.css'
 import { Icon } from 'src/components/Icon'
-import { getEnsAddress, isValidAddress } from 'src/utils/ens'
+import { getEnsAddress } from 'src/utils/ens'
 import { isEmpty } from 'src/utils/helpers'
-import { getProvider } from 'src/utils/provider'
 
 import { useFormStore } from '../stores'
+import { deboucedValidateAddress } from './AllocationForm/AllocationForm.schema'
 
 interface VetoFormProps {
   title: string
@@ -44,7 +44,7 @@ export const vetoValidationSchema = Yup.object().shape({
       .test(
         'isValidAddress',
         'invalid address',
-        (value: string | undefined) => !!value && isValidAddress(value, getProvider())
+        (value) => new Promise((res) => deboucedValidateAddress(value, res))
       ),
   }),
 })