From 17720b98c1ebdb25aa83593824ad286986058963 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Thu, 11 Jul 2024 20:38:38 +0900
Subject: [PATCH] Avoid briefly displaying wrong accelerated fee rate on tx
 load

---
 .../app/components/transaction/transaction.component.html   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 22916b242..3e7c67359 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -640,7 +640,11 @@
         <td>
           <div class="effective-fee-container">
             @if (accelerationInfo?.acceleratedFeeRate && (!tx.effectiveFeePerVsize || accelerationInfo.acceleratedFeeRate >= tx.effectiveFeePerVsize || tx.acceleration)) {
-              <app-fee-rate [fee]="accelerationInfo.acceleratedFeeRate"></app-fee-rate>
+              @if (!tx.effectiveFeePerVsize) { <!-- Avoid briefly displaying a wrong accelerated fee rate while loading -->
+                <span class="skeleton-loader"></span>
+              } @else {
+                <app-fee-rate [fee]="accelerationInfo.acceleratedFeeRate"></app-fee-rate>
+              }
             } @else {
               <app-fee-rate [fee]="tx.effectiveFeePerVsize"></app-fee-rate>
             }