From a38b68e6c031261cc1edc44cd7a2e891adf82a56 Mon Sep 17 00:00:00 2001
From: Viswas Haridas
 <37623357+JustARatherRidiculouslyLongUsername@users.noreply.github.com>
Date: Mon, 24 Jun 2024 11:56:33 +0530
Subject: [PATCH] feat: indicate whether qbo connection is in progress in qbo
 onboarding page (#854)

---
 .../qbo-onboarding-landing.component.html                     | 2 +-
 .../qbo-onboarding-landing.component.ts                       | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html b/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html
index 595de9f48..e72506793 100644
--- a/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html
+++ b/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="!isIncorrectQBOConnectedDialogVisible">
     <div>
-        <app-landing-page-header [showQBOButton]="true" [iconPath]="'assets/logos/qbo.png'" [appName]="'QuickBooks Online'" [appDescription]="brandingContent.contentText" [isLoading]="false" [isIntegrationSetupInProgress]="false" [isIntegrationConnected]="false" [redirectLink]="redirectLink" (connectIntegration)="connectQbo()" [logoStyleClasses]="'tw-p-16-px'"></app-landing-page-header>
+        <app-landing-page-header [showQBOButton]="true" [iconPath]="'assets/logos/qbo.png'" [appName]="'QuickBooks Online'" [appDescription]="brandingContent.contentText" [isLoading]="false" [isIntegrationSetupInProgress]="qboConnectionInProgress" [isIntegrationConnected]="false" [redirectLink]="redirectLink" (connectIntegration)="connectQbo()" [logoStyleClasses]="'tw-p-16-px'"></app-landing-page-header>
     </div>
     <div>
         <app-landing-page-body [headlineText]="brandingContent.guideHeaderText" [headerText]="'A quick guide to help you set up your QuickBooks Online integration.'" [embedVideo]="embedVideoLink" [embedImage]="'assets/co/coQBOLanding.svg'" [svgPath]="'assets/flow-charts/' + brandingConfig.brandId +'-qbo-data-flow.svg'" [appName]="appName"></app-landing-page-body>
diff --git a/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts b/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts
index 154cf4ac3..05fc41cdc 100644
--- a/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts
+++ b/src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts
@@ -29,6 +29,8 @@ export class QboOnboardingLandingComponent implements OnInit, OnDestroy {
 
   isIncorrectQBOConnectedDialogVisible: boolean = false;
 
+  qboConnectionInProgress = false;
+
   private oauthCallbackSubscription: Subscription;
 
   readonly brandingContent = brandingContent.landing;
@@ -49,6 +51,7 @@ export class QboOnboardingLandingComponent implements OnInit, OnDestroy {
   }
 
   connectQbo(): void {
+    this.qboConnectionInProgress = true;
     const url = `${environment.qbo_authorize_uri}?client_id=${environment.qbo_oauth_client_id}&scope=com.intuit.quickbooks.accounting&response_type=code&redirect_uri=${environment.qbo_oauth_redirect_uri}&state=qbo_local_redirect`;
 
     this.helperService.oauthCallbackUrl.subscribe((callbackURL: string) => {
@@ -87,6 +90,7 @@ export class QboOnboardingLandingComponent implements OnInit, OnDestroy {
       }
     };
 
+    this.qboConnectionInProgress = false;
     if (onboardingState !== QBOOnboardingState.COMPLETE) {
       this.qboConnectionInProgress = false;
       this.router.navigate(['integrations/qbo/onboarding/connector'], navigationExtras);