🪟 🎉 Add a loading spinner to the user input form submit button (#12147)

airbytehq · Apr 17, 2024 · 9e404ba · 9e404ba
1 parent 702c7b7
commit 9e404ba
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/InputsForm.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/InputsForm.tsx
@@ -270,7 +270,7 @@ const InputModal = ({
   onSubmit: (inputInEditing: InputInEditing) => void;
 }) => {
   const {
-    formState: { isValid },
+    formState: { isValid, isSubmitting },
     setValue,
     handleSubmit,
   } = useFormContext<InputInEditing>();
@@ -411,7 +411,7 @@ const InputModal = ({
           <Button variant="secondary" type="reset" onClick={onClose}>
             <FormattedMessage id="form.cancel" />
           </Button>
-          <Button type="submit" disabled={!isValid}>
+          <Button type="submit" disabled={!isValid} isLoading={isSubmitting}>
             <FormattedMessage id={inputInEditing.isNew ? "form.create" : "form.saveChanges"} />
           </Button>
         </ModalFooter>