From 822196f90c23cfd1031aa1443f8380a6cf3d1b1b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 8 Oct 2021 09:33:03 +0800
Subject: [PATCH] hide charts on initial state. use custom colors

---
 src/views/WalletAccountDetail.vue | 6 ++++--
 src/views/WalletAccounts.vue      | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/WalletAccountDetail.vue b/src/views/WalletAccountDetail.vue
index 9ec34382..c9845cef 100644
--- a/src/views/WalletAccountDetail.vue
+++ b/src/views/WalletAccountDetail.vue
@@ -354,6 +354,7 @@
 </template>
 
 <script>
+import { $themeColors } from '@themeConfig'
 import {
   BCard, BAvatar, BPopover, BTable, BRow, BCol, BTableSimple, BTr, BTd, BTbody, BCardHeader, BCardTitle, BButton, BCardBody, VBModal,
   BButtonGroup, VBTooltip, BPagination,
@@ -364,7 +365,8 @@ import Ripple from 'vue-ripple-directive'
 import VueQr from 'vue-qr'
 import chainAPI from '@/libs/fetch'
 import {
-  formatToken, formatTokenAmount, formatTokenDenom, getStakingValidatorOperator, percent, tokenFormatter, toDay, toDuration, abbrMessage, abbrAddress, getUserCurrency, getUserCurrencySign, chartColors,
+  formatToken, formatTokenAmount, formatTokenDenom, getStakingValidatorOperator, percent, tokenFormatter, toDay,
+  toDuration, abbrMessage, abbrAddress, getUserCurrency, getUserCurrencySign,
 } from '@/libs/data'
 import ObjectFieldComponent from './ObjectFieldComponent.vue'
 import OperationTransferComponent from './OperationTransferComponent.vue'
@@ -549,7 +551,7 @@ export default {
           {
             labels: Object.keys(data),
             data: Object.values(data),
-            backgroundColor: chartColors,
+            backgroundColor: [$themeColors.primary, $themeColors.success, $themeColors.warning, $themeColors.danger, $themeColors.info],
             borderWidth: 0,
             pointStyle: 'rectRounded',
           },
diff --git a/src/views/WalletAccounts.vue b/src/views/WalletAccounts.vue
index 0a6e19b4..3d161939 100644
--- a/src/views/WalletAccounts.vue
+++ b/src/views/WalletAccounts.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="text-center">
-    <b-card border-variant="primary">
+    <b-card
+      v-if="calculateTotal > 0"
+      border-variant="primary"
+    >
       <b-row class="mx-0">
         <b-col
           md="4"