From 5872b2c46b9be5fcc8671329d329d941db570788 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Fri, 28 Jun 2024 13:35:34 +0000
Subject: [PATCH] [accelerator] fix success/failure messages

---
 .../accelerate-checkout.component.html        | 24 +++++++------------
 .../accelerate-checkout.component.ts          |  1 +
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
index b8b9a4283..7a7dab8cf 100644
--- a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
+++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
@@ -1,27 +1,21 @@
 <div class="box card w-100" style="background: var(--box-bg)" id=acceleratePreviewAnchor>
 
-  @if (error) {
-    <div class="mt-2">
-      <app-mempool-error [error]="error"></app-mempool-error>
-    </div>
-  } 
-  @else if (step === 'quote') {
-    <span id="successAlert" class="m-0 p-0 d-block" style="height: 1px;"></span>
-    <div class="row" *ngIf="showSuccess">
-      <div class="col">
-        <div class="alert alert-success">
-          Transaction has now been <a class="alert-link" routerLink="/services/accelerator/history">submitted</a> to mining pools for acceleration.
-        </div>
+  <div class="row mt-2" *ngIf="showSuccess">
+    <div class="col">
+      <div class="alert alert-success">
+        Transaction has now been <a class="alert-link" routerLink="/services/accelerator/history">submitted</a> to mining pools for acceleration.
       </div>
     </div>
+  </div>
 
-    <span id="mempoolError" class="m-0 p-0 d-block" style="height: 1px;"></span>
-    <div class="row" *ngIf="error">
+  @if (error) {
+    <div class="row mt-2">
       <div class="col">
         <app-mempool-error [error]="error" [alertClass]="error === 'waitlisted' ? 'alert-mempool' : 'alert-danger'"></app-mempool-error>
       </div>
     </div>
-
+  }
+  @else if (step === 'quote') {
     <div class="accelerate-cols">
       <ng-container *ngIf="!isMobile">
         <app-accelerate-fee-graph
diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts
index 1a7039c92..6af453706 100644
--- a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts
+++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts
@@ -294,6 +294,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
         this.audioService.playSound('ascend-chime-cartoon');
         this.showSuccess = true;
         this.estimateSubscription.unsubscribe();
+        this.closeModal(2000);
       },
       error: (response) => {
         if (response.status === 403 && response.error === 'not_available') {