[accelerator] error message after timeout
This commit is contained in:
parent
1a2487b740
commit
f4a9aeacc7
@ -503,9 +503,12 @@
|
|||||||
|
|
||||||
<div class="row text-center mt-1">
|
<div class="row text-center mt-1">
|
||||||
<div class="col-sm">
|
<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>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -77,6 +77,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
|
|||||||
private _step: CheckoutStep = 'summary';
|
private _step: CheckoutStep = 'summary';
|
||||||
simpleMode: boolean = true;
|
simpleMode: boolean = true;
|
||||||
paymentMethod: 'cashapp' | 'btcpay';
|
paymentMethod: 'cashapp' | 'btcpay';
|
||||||
|
timeoutTimer: any;
|
||||||
|
|
||||||
authSubscription$: Subscription;
|
authSubscription$: Subscription;
|
||||||
auth: IAuth | null = null;
|
auth: IAuth | null = null;
|
||||||
@ -187,6 +188,9 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
|
|||||||
|
|
||||||
moveToStep(step: CheckoutStep) {
|
moveToStep(step: CheckoutStep) {
|
||||||
this._step = step;
|
this._step = step;
|
||||||
|
if (this.timeoutTimer) {
|
||||||
|
clearTimeout(this.timeoutTimer);
|
||||||
|
}
|
||||||
if (!this.estimate && ['quote', 'summary', 'checkout'].includes(this.step)) {
|
if (!this.estimate && ['quote', 'summary', 'checkout'].includes(this.step)) {
|
||||||
this.fetchEstimate();
|
this.fetchEstimate();
|
||||||
}
|
}
|
||||||
@ -199,6 +203,13 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
|
|||||||
this.loadingCashapp = true;
|
this.loadingCashapp = true;
|
||||||
this.insertSquare();
|
this.insertSquare();
|
||||||
this.setupSquare();
|
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');
|
this.hasDetails.emit(this._step === 'quote');
|
||||||
}
|
}
|
||||||
@ -595,6 +606,10 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
|
|||||||
return this.isLoggedIn() && this.estimate?.hasAccess;
|
return this.isLoggedIn() && this.estimate?.hasAccess;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get timeSincePaid(): number {
|
||||||
|
return Date.now() - this.timePaid;
|
||||||
|
}
|
||||||
|
|
||||||
@HostListener('window:resize', ['$event'])
|
@HostListener('window:resize', ['$event'])
|
||||||
onResize(): void {
|
onResize(): void {
|
||||||
this.isMobile = window.innerWidth <= 767.98;
|
this.isMobile = window.innerWidth <= 767.98;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user