From 082fd0c02740651641b38da49617b054c6f7275e Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 5 Dec 2020 17:06:26 +0100
Subject: [PATCH] Move PairSummary to props instead of using vuex

---
 src/components/ftbot/PairSummary.vue | 11 +++++------
 src/views/Trading.vue                | 10 ++++++++--
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/ftbot/PairSummary.vue b/src/components/ftbot/PairSummary.vue
index 08987fb6..375ddb37 100644
--- a/src/components/ftbot/PairSummary.vue
+++ b/src/components/ftbot/PairSummary.vue
@@ -27,9 +27,8 @@
 
 <script lang="ts">
 import { formatPercent, timestampms } from '@/shared/formatters';
-import { BotStoreGetters } from '@/store/modules/ftbot';
 import { Lock, Trade } from '@/types';
-import { Component, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from 'vue-property-decorator';
 import { namespace } from 'vuex-class';
 
 const ftbot = namespace('ftbot');
@@ -44,11 +43,11 @@ interface CombinedPairList {
 
 @Component({})
 export default class PairSummary extends Vue {
-  @ftbot.Getter [BotStoreGetters.currentLocks]!: Lock[];
+  @Prop({ required: true }) pairlist!: string[];
 
-  @ftbot.Getter [BotStoreGetters.openTrades]!: Trade[];
+  @Prop({ required: true }) currentLocks!: Lock[];
 
-  @ftbot.State whitelist!: string[];
+  @Prop({ required: true }) openTrades!: Trade[];
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   @ftbot.Action setSelectedPair!: (pair: string) => void;
@@ -60,7 +59,7 @@ export default class PairSummary extends Vue {
   get combinedPairList() {
     const comb: CombinedPairList[] = [];
 
-    this.whitelist.forEach((pair) => {
+    this.pairlist.forEach((pair) => {
       const trade = this.openTrades.find((el) => el.pair === pair);
       const allLocks = this.currentLocks.filter((el) => el.pair === pair);
       // Sort to have longer timeframe in front
diff --git a/src/views/Trading.vue b/src/views/Trading.vue
index fc002423..cc7f1b89 100644
--- a/src/views/Trading.vue
+++ b/src/views/Trading.vue
@@ -30,7 +30,11 @@
       <DraggableContainer header="Multi Pane">
         <b-tabs content-class="mt-3" class="mt-3">
           <b-tab title="Pairs combined" active>
-            <PairSummary />
+            <PairSummary
+              :pairlist="whitelist"
+              :current-locks="currentLocks"
+              :open-trades="openTrades"
+            />
           </b-tab>
           <b-tab title="Status">
             <BotStatus />
@@ -157,7 +161,7 @@ import LogViewer from '@/components/ftbot/LogViewer.vue';
 import DraggableContainer from '@/components/layout/DraggableContainer.vue';
 import CandleChartContainer from '@/components/charts/CandleChartContainer.vue';
 
-import { Trade } from '@/types';
+import { Lock, Trade } from '@/types';
 import { BotStoreGetters } from '@/store/modules/ftbot';
 import { TradeLayout, findGridLayout, LayoutGetters, LayoutActions } from '@/store/modules/layout';
 
@@ -197,6 +201,8 @@ export default class Trading extends Vue {
 
   @ftbot.Getter [BotStoreGetters.timeframe]!: string;
 
+  @ftbot.Getter [BotStoreGetters.currentLocks]!: Lock[];
+
   @ftbot.State whitelist!: string[];
 
   @layoutNs.Getter [LayoutGetters.getTradingLayout]!: GridItemData[];