format

src/components/atoms/FormikPersist.tsx

@@ -1,71 +1,71 @@
-import * as React from 'react';
+import * as React from 'react'
-import { FormikProps, connect } from 'formik';
+import { FormikProps, connect } from 'formik'
-import debounce from 'lodash.debounce';
+import debounce from 'lodash.debounce'
-import omit from 'lodash.omit';
+import omit from 'lodash.omit'
-import isEqual from 'react-fast-compare';
+import isEqual from 'react-fast-compare'
 
 export interface PersistProps {
-  name: string;
+  name: string
-  ignoreFields?: string[];
+  ignoreFields?: string[]
-  debounce?: number;
+  debounce?: number
-  isSessionStorage?: boolean;
+  isSessionStorage?: boolean
 }
 
 class PersistImpl extends React.Component<
   PersistProps & { formik: FormikProps<any> },
-  {}
+  any
 > {
   static defaultProps = {
-    debounce: 300,
+    debounce: 300
-  };
+  }
 
-  saveForm = debounce((data: FormikProps<{}>) => {
+  saveForm = debounce((data: FormikProps<any>) => {
-    const dataToSave = this.omitIgnoredFields(data);
+    const dataToSave = this.omitIgnoredFields(data)
-    console.log("data tosave",dataToSave)
+    console.log('data tosave', dataToSave)
     if (this.props.isSessionStorage) {
-      window.sessionStorage.setItem(
+      window.sessionStorage.setItem(this.props.name, JSON.stringify(dataToSave))
-        this.props.name,
-        JSON.stringify(dataToSave)
-      );
     } else {
-      window.localStorage.setItem(this.props.name, JSON.stringify(dataToSave));
+      window.localStorage.setItem(this.props.name, JSON.stringify(dataToSave))
     }
-  }, this.props.debounce);
+  }, this.props.debounce)
 
-  omitIgnoredFields = (data: FormikProps<{}>) => {
+  omitIgnoredFields = (data: FormikProps<any>) => {
-    const { ignoreFields } = this.props;
+    const { ignoreFields } = this.props
-    console.log('omit fiel',ignoreFields)
+    console.log('omit fiel', ignoreFields)
-    const { values, touched, errors } = data;
+    const { values, touched, errors } = data
 
-    console.log( "vale", values, omit(values, ignoreFields))
+    console.log('vale', values, omit(values, ignoreFields))
     return ignoreFields
-      ? omit({
+      ? omit(
-          ...data,
+          {
-          values: omit(values, ignoreFields),
+            ...data,
-          touched: omit(touched, ignoreFields),
+            values: omit(values, ignoreFields),
-          errors: omit(errors, ignoreFields),
+            touched: omit(touched, ignoreFields),
-        }, ignoreFields)
+            errors: omit(errors, ignoreFields)
-      : data;
+          },
-  };
+          ignoreFields
+        )
+      : data
+  }
 
   componentDidUpdate(prevProps: PersistProps & { formik: FormikProps<any> }) {
     if (!isEqual(prevProps.formik, this.props.formik)) {
-      this.saveForm(this.props.formik);
+      this.saveForm(this.props.formik)
     }
   }
 
   componentDidMount() {
     const maybeState = this.props.isSessionStorage
       ? window.sessionStorage.getItem(this.props.name)
-      : window.localStorage.getItem(this.props.name);
+      : window.localStorage.getItem(this.props.name)
     if (maybeState && maybeState !== null) {
-      this.props.formik.setFormikState(JSON.parse(maybeState));
+      this.props.formik.setFormikState(JSON.parse(maybeState))
     }
   }
 
-  render():any {
+  render(): any {
-    return null;
+    return null
   }
 }
 
-export const Persist = connect<PersistProps, any>(PersistImpl);
+export const Persist = connect<PersistProps, any>(PersistImpl)

src/components/pages/Publish/PublishForm.tsx

@@ -12,11 +12,10 @@ export default function PublishForm({
   content,
   publishStepText,
   isLoading
-
 }: {
-  content: FormContent,
+  content: FormContent
-  publishStepText?:string,
+  publishStepText?: string
-  isLoading:boolean
+  isLoading: boolean
 }): ReactElement {
   const { ocean, account } = useOcean()
   const {
@@ -34,7 +33,7 @@ export default function PublishForm({
   useEffect(() => {
     setErrors({})
     setTouched({})
-    
+
     // setSubmitting(false)
   }, [])
 
@@ -62,7 +61,7 @@ export default function PublishForm({
           <Button
             style="primary"
             type="submit"
-            disabled={!ocean || !account || !isValid || status === 'empty' }
+            disabled={!ocean || !account || !isValid || status === 'empty'}
           >
             Submit
           </Button>

src/components/pages/Publish/index.tsx

@@ -20,7 +20,7 @@ export default function PublishPage({
 }): ReactElement {
   const { marketFeeAddress, marketFeeAmount } = useSiteMetadata()
   const { accountId, ocean } = useOcean()
-  const { publish, publishError,isLoading,publishStepText } = usePublish()
+  const { publish, publishError, isLoading, publishStepText } = usePublish()
   const navigate = useNavigate()
 
   async function handleSubmit(
@@ -104,7 +104,11 @@ export default function PublishPage({
       >
         {({ values }) => (
           <>
-            <PublishForm content={content.form} isLoading={isLoading} publishStepText={publishStepText} />
+            <PublishForm
+              content={content.form}
+              isLoading={isLoading}
+              publishStepText={publishStepText}
+            />
             <aside>
               <div className={styles.sticky}>
                 <Preview values={values} />