From 681085278a971daccd280c08d88d31ee46f1b9da Mon Sep 17 00:00:00 2001
From: Bastien <bastien.guillaumat@gmail.com>
Date: Fri, 15 Jan 2021 10:18:43 +0100
Subject: [PATCH] Update stats percentage when units change (#193)

---
 src/components/Utility/Stat.vue | 3 ++-
 src/views/Bitcoin.vue           | 4 ++++
 src/views/Lightning.vue         | 4 ++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Utility/Stat.vue b/src/components/Utility/Stat.vue
index 905d9776..42579dcc 100644
--- a/src/components/Utility/Stat.vue
+++ b/src/components/Utility/Stat.vue
@@ -85,6 +85,7 @@ export default {
     title: String,
     value: Number,
     suffix: String,
+    rawValue: Number,
     abbreviateValue: {
       type: Boolean,
       default: false
@@ -128,7 +129,7 @@ export default {
   },
   methods: {},
   watch: {
-    value(newValue, oldValue) {
+    rawValue(newValue, oldValue) {
       if (this.showNumericChange) {
         if (oldValue <= 0) {
           this.change = {
diff --git a/src/views/Bitcoin.vue b/src/views/Bitcoin.vue
index e81bd8e5..d4f0f972 100644
--- a/src/views/Bitcoin.vue
+++ b/src/views/Bitcoin.vue
@@ -264,6 +264,7 @@
                     title="Connections"
                     :value="stats.peers"
                     suffix="Peers"
+                    :raw-value="stats.peers"
                     showNumericChange
                   ></stat>
                 </b-col>
@@ -272,6 +273,7 @@
                     title="Mempool"
                     :value="abbreviateSize(stats.mempool)[0]"
                     :suffix="abbreviateSize(stats.mempool)[1]"
+                    :raw-value="stats.mempool"
                     showPercentChange
                   ></stat>
                 </b-col>
@@ -280,6 +282,7 @@
                     title="Hashrate"
                     :value="abbreviateHashRate(stats.hashrate)[0]"
                     :suffix="abbreviateHashRate(stats.hashrate)[1]"
+                    :raw-value="stats.hashrate"
                     showPercentChange
                   ></stat>
                 </b-col>
@@ -288,6 +291,7 @@
                     title="Blockchain Size"
                     :value="abbreviateSize(stats.blockchainSize)[0]"
                     :suffix="abbreviateSize(stats.blockchainSize)[1]"
+                    :raw-value="stats.blockchainSize"
                     showPercentChange
                   ></stat>
                 </b-col>
diff --git a/src/views/Lightning.vue b/src/views/Lightning.vue
index 646fc177..ee82097d 100644
--- a/src/views/Lightning.vue
+++ b/src/views/Lightning.vue
@@ -204,6 +204,7 @@
                   <stat
                     title="Connections"
                     :value="numPeers"
+                    :raw-value="numPeers"
                     suffix="Peers"
                     showNumericChange
                   ></stat>
@@ -212,6 +213,7 @@
                   <stat
                     title="Active Channels"
                     :value="numActiveChannels"
+                    :raw-value="numActiveChannels"
                     suffix="Channels"
                     showNumericChange
                   ></stat>
@@ -220,6 +222,7 @@
                   <stat
                     title="Max Send"
                     :value="maxSend | unit"
+                    :raw-value="maxSend | unit"
                     :suffix="unit | formatUnit"
                     :hasDecimals="unit === 'btc'"
                     abbreviateValue
@@ -229,6 +232,7 @@
                   <stat
                     title="Max Receive"
                     :value="maxReceive | unit"
+                    :raw-value="maxReceive | unit"
                     :suffix="unit | formatUnit"
                     :hasDecimals="unit === 'btc'"
                     abbreviateValue