feat: блокировка кнопки отправки на форме подачи пьес на фестиваль (#548

) * feat: блокировка кнопки отправки заявки на форме подачи пьес на фестиваль * fix: заменяет package-lock --------- Co-authored-by: Aleksandra Shumkova <[email protected]>
Studio-Yandex-Practicum · Jul 23, 2024 · 20ec335 · 20ec335
1 parent b597ad2
commit 20ec335
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/pages/form/form.tsx b/src/pages/form/form.tsx
@@ -154,6 +154,7 @@ const validate = (values: ParticipationFormFields) => {
 
 const Participation = () => {
   const [errorOccurred, setErrorOccurred] = useState(false);
+  const [requestActive, setRequestActive] = useState(false);
   const form = useForm<ParticipationFormFields>({
     initialValues: initialFormValues,
     validate: validate,
@@ -196,12 +197,15 @@ const Participation = () => {
       return;
     }
     try {
+      setRequestActive(true);
       await postParticipation(form.values);
       router.push('/form/success');
     } catch (error) {
       handleSubmitError(error);
 
       return;
+    } finally {
+      setRequestActive(false);
     }
   };
 
@@ -400,9 +404,11 @@ const Participation = () => {
                   border="full"
                   upperCase
                   fullWidth
-                  disabled={!canSubmit}
+                  disabled={!canSubmit || requestActive}
                 >
-                  Отправить
+                  {
+                    requestActive ? 'Отправляется' : 'Отправить'
+                  }
                 </Button>
               </Form.Actions>
               <Form.Disclaimer>