feat: do not reset the form when a backend error happens

collective · Sep 30, 2022 · ff33951 · ff33951
1 parent 479300b
commit ff33951
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/FormView.jsx b/src/components/FormView.jsx
@@ -44,6 +44,7 @@ const FormView = ({
   data,
   onSubmit,
   resetFormState,
+  resetFormOnError,
   captcha,
 }) => {
   const intl = useIntl();
@@ -74,7 +75,7 @@ const FormView = ({
                 {intl.formatMessage(messages.error)}
               </Message.Header>
               <p>{formState.error}</p>
-              <Button secondary type="clear" onClick={resetFormState}>
+              <Button secondary type="clear" onClick={resetFormOnError}>
                 {intl.formatMessage(messages.reset)}
               </Button>
             </Message>

diff --git a/src/components/View.jsx b/src/components/View.jsx
@@ -193,6 +193,10 @@ const View = ({ data, id, path }) => {
     setFormState({ type: FORM_STATES.normal });
   };
 
+  const resetFormOnError = () => {
+    setFormState({ type: FORM_STATES.normal });
+  };
+
   const captcha = new Captcha({
     captchaToken,
     captcha: data.captcha,
@@ -231,6 +235,7 @@ const View = ({ data, id, path }) => {
       data={data}
       onSubmit={submit}
       resetFormState={resetFormState}
+      resetFormOnError={resetFormOnError}
     />
   );
 };