feat: indicate whether qbo connection is in progress in qbo onboardin…

…g page (#854)
fylein · Jun 25, 2024 · a38b68e · a38b68e
1 parent 5561038
commit a38b68e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...egrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html b/...egrations/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/...ntegrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts b/...ntegrations/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);