ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-09-20 15:08:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

FormikOnBlur: debounce submissions

Browse Source
This commit is contained in:
Liam Fitzgerald 2021-07-19 14:55:56 +10:00
parent e61a1c69f3
commit 86731a9b21
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
1 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pkg/interface/src/views/components/FormikOnBlur.tsx
View File

@ -1,35 +1,27 @@
import { FormikConfig, FormikProvider, FormikValues, useFormik } from 'formik';
import React, { useEffect, useImperativeHandle, useState } from 'react';
import React, { useEffect, useImperativeHandle, useCallback } from 'react';
export function FormikOnBlur<
Values extends FormikValues = FormikValues,
ExtraProps = {}
>(props: FormikConfig<Values> & ExtraProps) {
const formikBag = useFormik<Values>({ ...props, validateOnBlur: true });
const [submitting, setSubmitting] = useState(false);
useEffect(() => {
const trySubmit = useCallback(_.debounce((formikBag) => {
if (
Object.keys(formikBag.errors || {}).length === 0 &&
formikBag.dirty &&
!formikBag.isSubmitting &&
!submitting
!formikBag.isSubmitting
) {
setSubmitting(true);
const { values } = formikBag;
formikBag.validateForm(values)
.then(valid => valid ?
formikBag.submitForm().then(() => {
formikBag.resetForm({ values });
setSubmitting(false);
}) : null
);
formikBag.submitForm();
}
}, 100), []);
useEffect(() => {
trySubmit(formikBag);
}, [
formikBag.errors,
formikBag.dirty,
submitting,
formikBag.isSubmitting
formikBag.values,
formikBag.errors
]);
useEffect(() => {