Fix exception in detail_trade when selected trade closes

src/stores/ftbot.ts

@@ -121,13 +121,13 @@ export function createBotSubStore(botId: string, botName: string) {
               : b.trade_id - a.trade_id,
           );
       },
-      tradeDetail: (state) => {
+      tradeDetail: (state): Trade | undefined => {
         // console.log('tradeDetail', state.openTrades.length, state.openTrades);
         let dTrade = state.openTrades.find((item) => item.trade_id === state.detailTradeId);
         if (!dTrade) {
           dTrade = state.trades.find((item) => item.trade_id === state.detailTradeId);
         }
-        return dTrade as Trade;
+        return dTrade;
       },
       refreshNow: (state) => {
         if (

src/views/TradesList.vue

@@ -22,7 +22,10 @@
       :stake-currency-decimals="botStore.activeBot.stakeCurrencyDecimals"
       empty-text="No closed trades so far."
     />
-    <div v-if="botStore.activeBot.detailTradeId" class="d-flex flex-column">
+    <div
+      v-if="botStore.activeBot.detailTradeId && botStore.activeBot.tradeDetail"
+      class="d-flex flex-column"
+    >
       <b-button
         size="sm"
         class="align-self-start mt-1 ms-1"

src/views/Trading.vue

@@ -100,7 +100,11 @@
         </DraggableContainer>
       </grid-item>
       <grid-item
-        v-if="botStore.activeBot.detailTradeId && gridLayoutTradeDetail.h != 0"
+        v-if="
+          botStore.activeBot.detailTradeId &&
+          botStore.activeBot.tradeDetail &&
+          gridLayoutTradeDetail.h != 0
+        "
         v-bind="gridItemProps"
         :i="gridLayoutTradeDetail.i"
         :x="gridLayoutTradeDetail.x"