From b3d74e575a3def29ef2480f61194dd397eca613e Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Tue, 1 Nov 2022 13:56:46 +0000
Subject: [PATCH] Provide update feedback (#5319)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx | 3 +++
 apps/web/pages/event-types/[type]/index.tsx                | 1 +
 2 files changed, 4 insertions(+)

diff --git a/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx b/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
index 1f7437fb59..b887100a2b 100644
--- a/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
+++ b/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
@@ -46,6 +46,7 @@ type Props = {
   installedAppsNumber: number;
   enabledWorkflowsNumber: number;
   formMethods: UseFormReturn<FormValues>;
+  isUpdateMutationLoading?: boolean;
 };
 
 function getNavigation(props: {
@@ -112,6 +113,7 @@ function EventTypeSingleLayout({
   enabledAppsNumber,
   installedAppsNumber,
   enabledWorkflowsNumber,
+  isUpdateMutationLoading,
   formMethods,
 }: Props) {
   const utils = trpc.useContext();
@@ -287,6 +289,7 @@ function EventTypeSingleLayout({
           <Button
             className="ml-4 lg:ml-0"
             type="submit"
+            loading={formMethods.formState.isSubmitting || isUpdateMutationLoading}
             data-testid="update-eventtype"
             form="event-type-form">
             {t("save")}
diff --git a/apps/web/pages/event-types/[type]/index.tsx b/apps/web/pages/event-types/[type]/index.tsx
index d1424b4ad4..3c8c43a1a0 100644
--- a/apps/web/pages/event-types/[type]/index.tsx
+++ b/apps/web/pages/event-types/[type]/index.tsx
@@ -220,6 +220,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
       enabledWorkflowsNumber={eventType.workflows.length}
       eventType={eventType}
       team={team}
+      isUpdateMutationLoading={updateMutation.isLoading}
       formMethods={formMethods}
       disableBorder={tabName === "apps" || tabName === "workflows"}
       currentUserMembership={props.currentUserMembership}>