From 9be527a0fa8404d9263178e86a7a26477893dac1 Mon Sep 17 00:00:00 2001
From: hilezir <pleasurazy@gmail.com>
Date: Fri, 29 Jan 2021 19:08:11 +0800
Subject: [PATCH] feat(TradeDialog): add points of far to lost

---
 .../ExecutionDialog/ExecutionDialogPrices.tsx   | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/ExecutionDialog/ExecutionDialogPrices.tsx b/src/components/ExecutionDialog/ExecutionDialogPrices.tsx
index 0f4e07a..977952d 100644
--- a/src/components/ExecutionDialog/ExecutionDialogPrices.tsx
+++ b/src/components/ExecutionDialog/ExecutionDialogPrices.tsx
@@ -69,6 +69,10 @@ const ExecutionDialogPrices: React.FC = () => {
     .minus(openRate)
     .abs()
 
+  const loseOfSL = big(rate.model?.stopLoss.amount || 0)
+    .minus(openRate)
+    .abs()
+
   return (
     <span css={rootCSS}>
       <span css={bidCSS}>
@@ -110,6 +114,16 @@ const ExecutionDialogPrices: React.FC = () => {
         `}
       >
         <ChangePoints value={farOfSL.toNumber()} />
+        <span> far</span>
+        <span
+          css={css`
+            color: #e1191d;
+          `}
+        >
+          {' {to lose '}
+          <ChangePoints value={loseOfSL.toNumber()} />
+          {'}'}
+        </span>
       </span>
 
       <span
@@ -123,12 +137,13 @@ const ExecutionDialogPrices: React.FC = () => {
         `}
       >
         <ChangePoints value={farOfTP.toNumber()} />
+        <span> far</span>
         <span
           css={css`
             color: #6eaf0f;
           `}
         >
-          {' {win '}
+          {' {to win '}
           <ChangePoints value={winOfTP.toNumber()} />
           {'}'}
         </span>