From 69b346ab00a9fc2efffb472826dc21c378e36f3c Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Mon, 1 Jul 2024 05:24:21 +0000
Subject: [PATCH] move CPFP panel above accelerator

---
 .../transaction/transaction.component.html    | 60 +++++++++----------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index da8763fa6..c3e5f95e8 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -74,38 +74,9 @@
 
   <ng-template [ngIf]="!isLoadingTx && !error">
 
-    <!-- Accelerator -->
-    <ng-container *ngIf="!tx?.status?.confirmed && showAccelerationSummary">
-      <br>
-      <div class="title float-left">
-        <h2 i18n="transaction.accelerate|Accelerate button label">Accelerate</h2>
-      </div>
-
-      <button type="button" class="btn btn-outline-info flow-toggle btn-sm float-right" (click)="closeAccelerator()" i18n="hide-diagram">Hide accelerator</button>
-      <button *ngIf="hasAccelerationDetails" class="btn btn-sm btn-outline-info float-right ml-2" (click)="showAccelerationDetails = !showAccelerationDetails">Details</button>
-
-      <div class="clearfix"></div>
-
-      <ng-container *ngIf="(ETA$ | async) as eta;">
-        <app-accelerate-checkout
-          *ngIf="(da$ | async) as da;"
-          [cashappEnabled]="accelerationEligible"
-          [advancedEnabled]="true"
-          [tx]="tx"
-          [eta]="eta"
-          [miningStats]="miningStats"
-          [scrollEvent]="scrollIntoAccelPreview"
-          [showDetails]="showAccelerationDetails"
-          [noCTA]="true"
-          (hasDetails)="setHasAccelerationDetails($event)"
-          class="h-100 w-100"
-        ></app-accelerate-checkout>
-      </ng-container>
-    </ng-container>
-
+    <!-- CPFP Details -->
     <ng-template [ngIf]="showCpfpDetails">
       <br>
-
       <h2 class="text-left">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="xs"></fa-icon></h2>
       <div class="box cpfp-details">
         <table class="table table-fixed table-borderless table-striped">
@@ -161,6 +132,35 @@
       </div>
     </ng-template>
 
+    <!-- Accelerator -->
+    <ng-container *ngIf="!tx?.status?.confirmed && showAccelerationSummary">
+      <br>
+      <div class="title float-left">
+        <h2 i18n="transaction.accelerate|Accelerate button label">Accelerate</h2>
+      </div>
+
+      <button type="button" class="btn btn-outline-info flow-toggle btn-sm float-right" (click)="closeAccelerator()" i18n="hide-diagram">Hide accelerator</button>
+      <button *ngIf="hasAccelerationDetails" class="btn btn-sm btn-outline-info float-right ml-2" (click)="showAccelerationDetails = !showAccelerationDetails">Details</button>
+
+      <div class="clearfix"></div>
+
+      <ng-container *ngIf="(ETA$ | async) as eta;">
+        <app-accelerate-checkout
+          *ngIf="(da$ | async) as da;"
+          [cashappEnabled]="accelerationEligible"
+          [advancedEnabled]="true"
+          [tx]="tx"
+          [eta]="eta"
+          [miningStats]="miningStats"
+          [scrollEvent]="scrollIntoAccelPreview"
+          [showDetails]="showAccelerationDetails"
+          [noCTA]="true"
+          (hasDetails)="setHasAccelerationDetails($event)"
+          class="h-100 w-100"
+        ></app-accelerate-checkout>
+      </ng-container>
+    </ng-container>
+
     <br>
 
     <ng-container *ngIf="rbfInfo">