Disable submit during photo upload

falling-fruit · Nov 8, 2024 · 865e437 · 865e437
1 parent b1742db
commit 865e437
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/form/LocationForm.js b/src/components/form/LocationForm.js
@@ -217,14 +217,19 @@ export const LocationForm = ({ editingId, initialValues, stepped }) => {
       stepped={stepped}
       renderButtons={(formikProps) => {
         const { isSubmitting, isValid, dirty } = formikProps
+        const isUploadingPhotos = formikProps.values.review.photos.some(
+          (p) => p.isUploading,
+        )
         const formDirty = dirty || positionDirty
         return (
           <ProgressButtons>
             <Button secondary type="button" onClick={handleCancel}>
               Cancel
             </Button>
             <Button
-              disabled={isSubmitting || !isValid || !formDirty}
+              disabled={
+                isSubmitting || !isValid || !formDirty || isUploadingPhotos
+              }
               type="submit"
             >
               {isSubmitting ? 'Submitting' : 'Submit'}

diff --git a/src/components/form/ReviewForm.js b/src/components/form/ReviewForm.js
@@ -140,11 +140,16 @@ export const ReviewForm = ({
       validate={({ review }) => validateReview(review)}
       renderButtons={(formikProps) => {
         const { isSubmitting, isValid, dirty } = formikProps
+        const isUploadingPhotos = formikProps.values.review.photos.some(
+          (p) => p.isUploading,
+        )
         return (
           <ProgressButtons>
             <div style={{ textAlign: editingId ? 'center' : 'left' }}>
               <Button
-                disabled={isSubmitting || !isValid || !dirty}
+                disabled={
+                  isSubmitting || !isValid || !dirty || isUploadingPhotos
+                }
                 type="submit"
               >
                 {isSubmitting ? 'Submitting' : 'Submit'}