From 764c9e59b7227d2218bd67fa6e18846d84fea4f9 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 3 Sep 2020 07:27:03 +0200
Subject: [PATCH] Correctly unselect trade row when another bar is clicked

---
 src/components/ftbot/TradeList.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/TradeList.vue b/src/components/ftbot/TradeList.vue
index dc66e4f3..ab4d6bfb 100644
--- a/src/components/ftbot/TradeList.vue
+++ b/src/components/ftbot/TradeList.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-property-decorator';
+import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
 import { namespace } from 'vuex-class';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -84,6 +84,15 @@ export default class TradeList extends Vue {
 
   selectedItemIndex? = undefined;
 
+  @Watch('detailTradeId')
+  watchTradeDetail(val) {
+    const index = this.trades.findIndex((v) => v.trade_id === val);
+    // Unselect when another tradeTable is selected!
+    if (index < 0) {
+      this.$refs.tradesTable.clearSelected();
+    }
+  }
+
   get rows(): number {
     return this.trades.length;
   }