From 7ba0ef0512c1a451bdcec2c37e9623362d3f6d98 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Tue, 28 Feb 2023 20:50:04 +0100
Subject: [PATCH] Use "computed" for profit variables

---
 src/components/ftbot/TradeProfit.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/TradeProfit.vue b/src/components/ftbot/TradeProfit.vue
index a64e6ea9..719ec9e2 100644
--- a/src/components/ftbot/TradeProfit.vue
+++ b/src/components/ftbot/TradeProfit.vue
@@ -1,7 +1,7 @@
 <template>
   <profit-pill
-    :profit-ratio="trade.profit_ratio"
-    :profit-abs="trade.profit_abs"
+    :profit-ratio="profitRatio"
+    :profit-abs="profitAbs"
     :profit-desc="profitDesc"
     :stake-currency="trade.quote_currency || 'USDT'"
   />
@@ -16,6 +16,7 @@ import { computed } from 'vue';
 
 const props = defineProps({
   trade: { required: true, type: Object as () => Trade },
+  mode: { required: false, default: 'default', type: String },
 });
 const profitDesc = computed((): string => {
   let profit = `Current profit: ${formatPercent(props.trade.profit_ratio)} (${
@@ -24,6 +25,13 @@ const profitDesc = computed((): string => {
   profit += `\nOpen since: ${timestampms(props.trade.open_timestamp)}`;
   return profit;
 });
+
+const profitRatio = computed<number | undefined>(() => {
+  return props.trade.profit_ratio;
+});
+const profitAbs = computed<number | undefined>(() => {
+  return props.trade.profit_abs;
+});
 </script>
 
 <style scoped></style>