fix: Enter button enables double submit

CBIIT · Dec 9, 2024 · 32d0e73 · 32d0e73
1 parent 26aab58
commit 32d0e73
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/DataSubmissions/CreateDataSubmissionDialog.tsx b/src/components/DataSubmissions/CreateDataSubmissionDialog.tsx
@@ -212,7 +212,7 @@ const CreateDataSubmissionDialog: FC<Props> = ({ onCreate }) => {
     register,
     control,
     watch,
-    formState: { errors },
+    formState: { isSubmitting, errors },
     setValue,
     reset,
   } = useForm<CreateSubmissionInput>({
@@ -298,8 +298,8 @@ const CreateDataSubmissionDialog: FC<Props> = ({ onCreate }) => {
     dbGaPID,
     intention,
     dataType,
-  }: CreateSubmissionInput) => {
-    await createDataSubmission({
+  }: CreateSubmissionInput) =>
+    createDataSubmission({
       variables: {
         studyID,
         dataCommons,
@@ -328,10 +328,9 @@ const CreateDataSubmissionDialog: FC<Props> = ({ onCreate }) => {
         setError(true);
         Logger.error("Error creating submission", e);
       });
-  };
 
-  const onSubmit: SubmitHandler<CreateSubmissionInput> = (data) => {
-    createSubmission(data);
+  const onSubmit: SubmitHandler<CreateSubmissionInput> = async (data) => {
+    await createSubmission(data);
   };
 
   const validateEmpty = (value: string): string | null =>
@@ -564,6 +563,7 @@ const CreateDataSubmissionDialog: FC<Props> = ({ onCreate }) => {
             tabIndex={0}
             id="createSubmissionDialogCreateButton"
             form="create-submission-dialog-form"
+            disabled={isSubmitting}
           >
             Create
           </StyledDialogButton>