Merge pull request #5285 from mempool/mononaut/acc-timeout
[accelerator] error message after timeout
This commit is contained in:
		
						commit
						8afdd9a482
					
				@ -503,9 +503,12 @@
 | 
			
		||||
 | 
			
		||||
    <div class="row text-center mt-1">
 | 
			
		||||
      <div class="col-sm">
 | 
			
		||||
        <div class="d-flex flex-row justify-content-center align-items-center">
 | 
			
		||||
        <div class="d-flex flex-row flex-column justify-content-center align-items-center">
 | 
			
		||||
          <span i18n="accelerator.confirming-acceleration-with-miners">Confirming your acceleration with our mining pool partners...</span>
 | 
			
		||||
          <div class="ml-2 spinner-border text-light" style="width: 25px; height: 25px"></div>
 | 
			
		||||
          @if (timeSincePaid > 20000) {
 | 
			
		||||
            <span i18n="accelerator.confirming-acceleration-with-miners">...sorry, this is taking longer than expected...</span>
 | 
			
		||||
          }
 | 
			
		||||
          <div class="m-2 spinner-border text-light" style="width: 25px; height: 25px"></div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
@ -78,6 +78,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 | 
			
		||||
  private _step: CheckoutStep = 'summary';
 | 
			
		||||
  simpleMode: boolean = true;
 | 
			
		||||
  paymentMethod: 'cashapp' | 'btcpay';
 | 
			
		||||
  timeoutTimer: any;
 | 
			
		||||
 | 
			
		||||
  authSubscription$: Subscription;
 | 
			
		||||
  auth: IAuth | null = null;
 | 
			
		||||
@ -188,6 +189,9 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 | 
			
		||||
 | 
			
		||||
  moveToStep(step: CheckoutStep) {
 | 
			
		||||
    this._step = step;
 | 
			
		||||
    if (this.timeoutTimer) {
 | 
			
		||||
      clearTimeout(this.timeoutTimer);
 | 
			
		||||
    }
 | 
			
		||||
    if (!this.estimate && ['quote', 'summary', 'checkout'].includes(this.step)) {
 | 
			
		||||
      this.fetchEstimate();
 | 
			
		||||
    }
 | 
			
		||||
@ -200,6 +204,13 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 | 
			
		||||
      this.loadingCashapp = true;
 | 
			
		||||
      this.insertSquare();
 | 
			
		||||
      this.setupSquare();
 | 
			
		||||
    } else if (this._step === 'paid') {
 | 
			
		||||
      this.timePaid = Date.now();
 | 
			
		||||
      this.timeoutTimer = setTimeout(() => {
 | 
			
		||||
        if (this.step === 'paid') {
 | 
			
		||||
          this.accelerateError = 'internal_server_error';
 | 
			
		||||
        }
 | 
			
		||||
      }, 120000)
 | 
			
		||||
    }
 | 
			
		||||
    this.hasDetails.emit(this._step === 'quote');
 | 
			
		||||
  }
 | 
			
		||||
@ -599,6 +610,10 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 | 
			
		||||
    return this.isLoggedIn() && this.estimate?.hasAccess;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  get timeSincePaid(): number {
 | 
			
		||||
    return Date.now() - this.timePaid;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  @HostListener('window:resize', ['$event'])
 | 
			
		||||
  onResize(): void {
 | 
			
		||||
    this.isMobile = window.innerWidth <= 767.98;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user