From ce4208c45298a1b9157466a243a15905af6294e7 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 24 Jan 2022 19:47:33 +0100
Subject: [PATCH] Hide small balances from Chart

---
 src/components/charts/BalanceChart.vue | 13 ++++---------
 src/components/ftbot/Balance.vue       |  2 +-
 src/types/balance.ts                   |  2 +-
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/components/charts/BalanceChart.vue b/src/components/charts/BalanceChart.vue
index d7e05e94..35e43da7 100644
--- a/src/components/charts/BalanceChart.vue
+++ b/src/components/charts/BalanceChart.vue
@@ -1,10 +1,5 @@
 <template>
-  <v-chart
-    v-if="balance.currencies"
-    :option="balanceChartOptions"
-    :theme="getChartTheme"
-    autoresize
-  />
+  <v-chart v-if="currencies" :option="balanceChartOptions" :theme="getChartTheme" autoresize />
 </template>
 
 <script lang="ts">
@@ -24,7 +19,7 @@ import {
   TooltipComponent,
 } from 'echarts/components';
 
-import { BalanceInterface } from '@/types';
+import { BalanceRecords } from '@/types';
 import { formatPriceCurrency } from '@/shared/formatters';
 
 use([
@@ -43,7 +38,7 @@ use([
   },
 })
 export default class BalanceChart extends Vue {
-  @Prop({ required: true }) balance!: BalanceInterface;
+  @Prop({ required: true }) currencies!: BalanceRecords[];
 
   @Prop({ default: false, type: Boolean }) showTitle!: boolean;
 
@@ -59,7 +54,7 @@ export default class BalanceChart extends Vue {
       backgroundColor: 'rgba(0, 0, 0, 0)',
       dataset: {
         dimensions: ['balance', 'currency', 'est_stake', 'free', 'used', 'stake'],
-        source: this.balance.currencies,
+        source: this.currencies,
       },
       tooltip: {
         trigger: 'item',
diff --git a/src/components/ftbot/Balance.vue b/src/components/ftbot/Balance.vue
index c2c8ecdd..897e61d7 100644
--- a/src/components/ftbot/Balance.vue
+++ b/src/components/ftbot/Balance.vue
@@ -14,7 +14,7 @@
         <ShowIcon v-else :size="16" />
       </b-form-checkbox>
     </div>
-    <BalanceChart :balance="balance" />
+    <BalanceChart v-if="balanceCurrencies" :currencies="balanceCurrencies" />
     <div>
       <p v-if="balance.note">
         <strong>{{ balance.note }}</strong>
diff --git a/src/types/balance.ts b/src/types/balance.ts
index af6c8d2e..2608d9c7 100644
--- a/src/types/balance.ts
+++ b/src/types/balance.ts
@@ -9,7 +9,7 @@ export interface BalanceRecords {
 }
 
 export interface BalanceInterface {
-  currencies: Array<BalanceRecords>;
+  currencies: BalanceRecords[];
   note: string;
   /** Stake currency used */
   stake: string;