From c4b53b402ebe33afdfda38cec20c762428188632 Mon Sep 17 00:00:00 2001
From: cryptooda <crypto.oda@gmail.com>
Date: Mon, 3 Mar 2025 02:34:04 +0700
Subject: [PATCH] Update front

---
 .../organism/Backtest/backtestRowDetails.tsx  | 30 ++++++++++++++-----
 .../organism/Backtest/backtestTable.tsx       |  1 +
 src/Managing.WebApp/src/global/type.tsx       |  1 +
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/Managing.WebApp/src/components/organism/Backtest/backtestRowDetails.tsx b/src/Managing.WebApp/src/components/organism/Backtest/backtestRowDetails.tsx
index 40762af..91706ca 100644
--- a/src/Managing.WebApp/src/components/organism/Backtest/backtestRowDetails.tsx
+++ b/src/Managing.WebApp/src/components/organism/Backtest/backtestRowDetails.tsx
@@ -9,7 +9,8 @@ const BacktestRowDetails: React.FC<IBotRowDetails> = ({
   strategiesValues,
   signals,
   optimizedMoneyManagement,
-  statistics
+  statistics,
+  moneyManagement
 }) => {
   return (
     <>
@@ -30,12 +31,6 @@ const BacktestRowDetails: React.FC<IBotRowDetails> = ({
             })}
           ></CardPosition>
           <CardPositionItem positions={positions}></CardPositionItem>
-          <CardText
-            title="Optimized Money Management"
-            content={
-              "SL: " +optimizedMoneyManagement.stopLoss.toFixed(2) + "% TP: " + optimizedMoneyManagement.takeProfit.toFixed(2) + "%"
-            }
-          ></CardText>
           <CardText
             title="Max Drowdown"
             content={
@@ -54,6 +49,27 @@ const BacktestRowDetails: React.FC<IBotRowDetails> = ({
                 .toString() + '%'
             }
           ></CardText>
+          <CardText
+            title="Max Drawdown Recovery Time"
+            content={
+              statistics.maxDrawdownRecoveryTime?.toString() +
+              ' days'
+            }
+          ></CardText>
+          <CardText
+            title="Money Management"
+            content={
+              "SL: " +(moneyManagement.stopLoss * 100).toFixed(2) + "% TP: " + 
+              (moneyManagement.takeProfit * 100).toFixed(2) + "%"
+            }
+          ></CardText>
+          <CardText
+            title="Optimized Money Management"
+            content={
+              "SL: " +optimizedMoneyManagement.stopLoss.toFixed(2) + "% TP: " + optimizedMoneyManagement.takeProfit.toFixed(2) + "%"
+            }
+          ></CardText>
+         
    
         </div>
         <div>
diff --git a/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx b/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx
index 21589cc..3c77db8 100644
--- a/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx
+++ b/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx
@@ -300,6 +300,7 @@ const BacktestTable: React.FC<IBacktestCards> = ({ list, isFetching }) => {
           signals={row.original.signals}
           optimizedMoneyManagement={row.original.optimizedMoneyManagement}
           statistics={row.original.statistics}
+          moneyManagement={row.original.moneyManagement}
         ></BacktestRowDetails>
       </>
     ),
diff --git a/src/Managing.WebApp/src/global/type.tsx b/src/Managing.WebApp/src/global/type.tsx
index 01a952e..794114a 100644
--- a/src/Managing.WebApp/src/global/type.tsx
+++ b/src/Managing.WebApp/src/global/type.tsx
@@ -151,6 +151,7 @@ export type  IBotRowDetails = {
   signals: Signal[]
   optimizedMoneyManagement: MoneyManagement
   statistics: PerformanceMetrics
+  moneyManagement: MoneyManagement
 }
 
 export type  IBacktestFormInput = {