From c58348735d85c0be774a44a77eece89307492a0d Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 1 Aug 2020 19:49:38 -0700
Subject: [PATCH] Avoid double-click double-submit issues in modals; closes
 #2199

---
 .../components/server/backups/CreateBackupButton.tsx      | 8 ++------
 .../components/server/schedules/EditScheduleModal.tsx     | 2 +-
 .../components/server/schedules/TaskDetailsModal.tsx      | 4 ++--
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/resources/scripts/components/server/backups/CreateBackupButton.tsx b/resources/scripts/components/server/backups/CreateBackupButton.tsx
index 7a04f1041..3d7834fa9 100644
--- a/resources/scripts/components/server/backups/CreateBackupButton.tsx
+++ b/resources/scripts/components/server/backups/CreateBackupButton.tsx
@@ -49,7 +49,7 @@ const ModalContent = ({ ...props }: RequiredModalProps) => {
                     </FormikFieldWrapper>
                 </div>
                 <div css={tw`flex justify-end`}>
-                    <Button type={'submit'}>
+                    <Button type={'submit'} disabled={isSubmitting}>
                         Start backup
                     </Button>
                 </div>
@@ -94,11 +94,7 @@ export default () => {
                     ignored: string(),
                 })}
             >
-                <ModalContent
-                    appear
-                    visible={visible}
-                    onDismissed={() => setVisible(false)}
-                />
+                <ModalContent appear visible={visible} onDismissed={() => setVisible(false)}/>
             </Formik>
             }
             <Button onClick={() => setVisible(true)}>
diff --git a/resources/scripts/components/server/schedules/EditScheduleModal.tsx b/resources/scripts/components/server/schedules/EditScheduleModal.tsx
index 5793b875c..1cf9eea3a 100644
--- a/resources/scripts/components/server/schedules/EditScheduleModal.tsx
+++ b/resources/scripts/components/server/schedules/EditScheduleModal.tsx
@@ -65,7 +65,7 @@ const EditScheduleModal = ({ schedule, ...props }: Omit<Props, 'onScheduleUpdate
                     />
                 </div>
                 <div css={tw`mt-6 text-right`}>
-                    <Button type={'submit'}>
+                    <Button type={'submit'} disabled={isSubmitting}>
                         {schedule ? 'Save changes' : 'Create schedule'}
                     </Button>
                 </div>
diff --git a/resources/scripts/components/server/schedules/TaskDetailsModal.tsx b/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
index 3829d724d..b8b102ba0 100644
--- a/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
+++ b/resources/scripts/components/server/schedules/TaskDetailsModal.tsx
@@ -32,7 +32,7 @@ interface Values {
 }
 
 const TaskDetailsForm = ({ isEditingTask }: { isEditingTask: boolean }) => {
-    const { values: { action }, setFieldValue, setFieldTouched } = useFormikContext<Values>();
+    const { values: { action }, setFieldValue, setFieldTouched, isSubmitting } = useFormikContext<Values>();
 
     useEffect(() => {
         setFieldValue('payload', action === 'power' ? 'start' : '');
@@ -94,7 +94,7 @@ const TaskDetailsForm = ({ isEditingTask }: { isEditingTask: boolean }) => {
                 />
             </div>
             <div css={tw`flex justify-end mt-6`}>
-                <Button type={'submit'}>
+                <Button type={'submit'} disabled={isSubmitting}>
                     {isEditingTask ? 'Save Changes' : 'Create Task'}
                 </Button>
             </div>