From ec2e7a46eb08fede14a7e493c11e35bc289b1eea Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Sat, 4 Mar 2023 15:19:56 +0900
Subject: [PATCH] Correct incoming transaction progress colors

fixes #3216
---
 .../src/app/dashboard/dashboard.component.html    |  2 +-
 frontend/src/app/dashboard/dashboard.component.ts | 15 +++------------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html
index f3d96e187..7c3caccad 100644
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -250,7 +250,7 @@
     </span>
     <ng-template #inSync>
       <div class="progress inc-tx-progress-bar">
-        <div class="progress-bar" role="progressbar" [ngStyle]="{'width': mempoolInfoData.value.progressWidth, 'background-color': mempoolInfoData.value.progressColor}">&nbsp;</div>
+        <div class="progress-bar {{ mempoolInfoData.value.progressColor }}" role="progressbar" [ngStyle]="{'width': mempoolInfoData.value.progressWidth}">&nbsp;</div>
         <div class="progress-text">&lrm;{{ mempoolInfoData.value.vBytesPerSecond | ceil | number }} <ng-container i18n="shared.vbytes-per-second|vB/s">vB/s</ng-container></div>
       </div>
     </ng-template>
diff --git a/frontend/src/app/dashboard/dashboard.component.ts b/frontend/src/app/dashboard/dashboard.component.ts
index 1eb305220..7e4645fe0 100644
--- a/frontend/src/app/dashboard/dashboard.component.ts
+++ b/frontend/src/app/dashboard/dashboard.component.ts
@@ -78,21 +78,12 @@ export class DashboardComponent implements OnInit, OnDestroy {
       map(([mempoolInfo, vbytesPerSecond]) => {
         const percent = Math.round((Math.min(vbytesPerSecond, this.vBytesPerSecondLimit) / this.vBytesPerSecondLimit) * 100);
 
-        let progressColor = '#7CB342';
+        let progressColor = 'bg-success';
         if (vbytesPerSecond > 1667) {
-          progressColor = '#FDD835';
-        }
-        if (vbytesPerSecond > 2000) {
-          progressColor = '#FFB300';
-        }
-        if (vbytesPerSecond > 2500) {
-          progressColor = '#FB8C00';
+          progressColor = 'bg-warning';
         }
         if (vbytesPerSecond > 3000) {
-          progressColor = '#F4511E';
-        }
-        if (vbytesPerSecond > 3500) {
-          progressColor = '#D81B60';
+          progressColor = 'bg-danger';
         }
 
         const mempoolSizePercentage = (mempoolInfo.usage / mempoolInfo.maxmempool * 100);