From 24d1f92baee50ac406cf1afc04275fb6e4ac0086 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 5 Mar 2022 13:34:50 +0800
Subject: [PATCH] improve ux

---
 src/views/WalletAccounts.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/WalletAccounts.vue b/src/views/WalletAccounts.vue
index 01a35f58..cd60ac27 100644
--- a/src/views/WalletAccounts.vue
+++ b/src/views/WalletAccounts.vue
@@ -52,6 +52,11 @@
           >
             {{ formatTotalChange(calculateTotalChange) }} (24h)
           </small>
+          <span @click="refreshPrice()">
+            <feather-icon
+              icon="RefreshCwIcon"
+              size="12"
+            /></span>
           <!-- chart -->
           <chart-component-doughnut
             :height="160"
@@ -468,11 +473,17 @@ export default {
     },
     calculateChartDoughnut() {
       const total = this.calculateByDenom
+      const labels = []
+      const data = []
+      Object.entries(total.value).sort((a, b) => b[1] - a[1]).forEach(i => {
+        labels.push(i[0])
+        data.push(i[1])
+      })
       return {
         datasets: [
           {
-            labels: Object.keys(total.value),
-            data: Object.values(total.value),
+            labels,
+            data,
             backgroundColor: chartColors(),
             borderWidth: 0,
             pointStyle: 'rectRounded',
@@ -513,6 +524,9 @@ export default {
   mounted() {
   },
   methods: {
+    refreshPrice() {
+      this.$store.dispatch('chains/getQuotes')
+    },
     init() {
       this.accounts = getLocalAccounts()
       const chains = getLocalChains()