From 0361fc1424010ac56d333be836cd79dc1669dac7 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 30 Oct 2022 12:55:14 +0100
Subject: [PATCH] Simplify ResultChart

---
 src/components/ftbot/BacktestResultChart.vue | 23 +++++++-------------
 src/views/Backtesting.vue                    |  8 ++++++-
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/components/ftbot/BacktestResultChart.vue b/src/components/ftbot/BacktestResultChart.vue
index d2c8ac2c..9fad52dc 100644
--- a/src/components/ftbot/BacktestResultChart.vue
+++ b/src/components/ftbot/BacktestResultChart.vue
@@ -21,18 +21,18 @@
       <PairSummary
         class="col-md-2 overflow-auto"
         style="max-height: calc(100vh - 200px)"
-        :pairlist="botStore.activeBot.selectedBacktestResult.pairlist"
-        :trades="botStore.activeBot.selectedBacktestResult.trades"
+        :pairlist="pairlist"
+        :trades="trades"
         sort-method="profit"
         :backtest-mode="true"
       />
       <CandleChartContainer
-        :available-pairs="botStore.activeBot.selectedBacktestResult.pairlist"
+        :available-pairs="pairlist"
         :historic-view="!!true"
         :timeframe="timeframe"
         :timerange="timerange"
         :strategy="strategy"
-        :trades="botStore.activeBot.selectedBacktestResult.trades"
+        :trades="trades"
         :class="`${
           showRightBar ? 'col-md-8' : 'col-md-10'
         } candle-chart-container px-0 w-100 h-100 align-self-stretch`"
@@ -43,21 +43,12 @@
         v-if="showRightBar"
         class="overflow-auto col-md-2"
         style="max-height: calc(100vh - 200px)"
-        :trades="
-          botStore.activeBot.selectedBacktestResult.trades.filter(
-            (t) => t.pair === botStore.activeBot.selectedPair,
-          )
-        "
+        :trades="trades.filter((t) => t.pair === botStore.activeBot.selectedPair)"
         @trade-select="navigateChartToTrade"
       />
     </div>
     <b-card header="Single trades" class="row mt-2 w-100">
-      <TradeList
-        class="row trade-history mt-2 w-100"
-        :trades="botStore.activeBot.selectedBacktestResult.trades"
-        :show-filter="true"
-        :stake-currency="botStore.activeBot.selectedBacktestResult.stake_currency"
-      />
+      <TradeList class="row trade-history mt-2 w-100" :trades="trades" :show-filter="true" />
     </b-card>
   </div>
 </template>
@@ -83,6 +74,8 @@ export default defineComponent({
     timeframe: { required: true, type: String },
     strategy: { required: true, type: String },
     timerange: { required: true, type: String },
+    pairlist: { required: true, type: Array as () => string[] },
+    trades: { required: true, type: Array as () => Trade[] },
   },
   setup() {
     const botStore = useBotStore();
diff --git a/src/views/Backtesting.vue b/src/views/Backtesting.vue
index bffaf3d5..868a80aa 100644
--- a/src/views/Backtesting.vue
+++ b/src/views/Backtesting.vue
@@ -261,7 +261,13 @@
       v-if="hasBacktestResult && btFormMode == 'visualize'"
       class="container-fluid text-center w-100 mt-2"
     >
-      <BacktestResultChart :timeframe="timeframe" :strategy="strategy" :timerange="timerange" />
+      <BacktestResultChart
+        :timeframe="timeframe"
+        :strategy="strategy"
+        :timerange="timerange"
+        :pairlist="botStore.activeBot.selectedBacktestResult.pairlist"
+        :trades="botStore.activeBot.selectedBacktestResult.trades"
+      />
     </div>
   </div>
 </template>