From 6121fb9d067e2927f568375f856befcd7884140b Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 30 Dec 2021 09:49:40 +0100
Subject: [PATCH] Use tradeProfit pill in trade details

---
 src/components/ftbot/TradeDetail.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/TradeDetail.vue b/src/components/ftbot/TradeDetail.vue
index 3f0f6a11..6438192e 100644
--- a/src/components/ftbot/TradeDetail.vue
+++ b/src/components/ftbot/TradeDetail.vue
@@ -27,7 +27,7 @@
           v-if="trade.profit_ratio && trade.profit_abs"
           :description="`${trade.is_open ? 'Current Profit' : 'Close Profit'}`"
         >
-          {{ formatPercent(trade.profit_ratio) }} | {{ trade.profit_abs }}
+          <trade-profit class="ml-2" :trade="trade" />
         </ValuePair>
       </div>
       <div class="col-lg-7">
@@ -62,10 +62,11 @@
 import { Component, Vue, Prop } from 'vue-property-decorator';
 import { formatPercent, formatPriceCurrency, formatPrice, timestampms } from '@/shared/formatters';
 import ValuePair from '@/components/general/ValuePair.vue';
+import TradeProfit from '@/components/ftbot/TradeProfit.vue';
 import { Trade } from '@/types';
 
 @Component({
-  components: { ValuePair },
+  components: { ValuePair, TradeProfit },
 })
 export default class TradeDetail extends Vue {
   @Prop({ type: Object, required: true }) trade!: Trade;