From d6044331e1ae84de5fced4a163d93dbcec686ed4 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Thu, 31 Aug 2023 00:15:09 +0900
Subject: [PATCH] Hide balance unless insufficient for max cost

---
 .../accelerate-preview.component.html         | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
index 7755d1b80..9bb66eda1 100644
--- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
+++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
@@ -228,20 +228,22 @@
               </ng-container>
   
               <!-- USER BALANCE -->
-              <tr class="group-first group-last" style="border-top: 1px dashed grey">
-                <td class="item">
-                  Available balance
-                </td>
-                <td class="amt">
-                  {{ estimate.userBalance | number }}
-                </td>
-                <td class="units">
-                  <span class="symbol" i18n="shared.sats|sats">sats</span>
-                  <span class="fiat">
-                    <app-fiat [value]="estimate.userBalance" [colorClass]="estimate.userBalance < maxCost ? 'red-color' : 'green-color'"></app-fiat>
-                  </span>
-                </td>
-              </tr>
+              <ng-container *ngIf="estimate.userBalance < maxCost">
+                <tr class="group-first group-last" style="border-top: 1px dashed grey">
+                  <td class="item">
+                    Available balance
+                  </td>
+                  <td class="amt">
+                    {{ estimate.userBalance | number }}
+                  </td>
+                  <td class="units">
+                    <span class="symbol" i18n="shared.sats|sats">sats</span>
+                    <span class="fiat">
+                      <app-fiat [value]="estimate.userBalance" [colorClass]="estimate.userBalance < maxCost ? 'red-color' : 'green-color'"></app-fiat>
+                    </span>
+                  </td>
+                </tr>
+              </ng-container>
             </tbody>
           </table>
         </div>