From 3c30bb0507eab379a62da8c0942c9e84dca5219e Mon Sep 17 00:00:00 2001
From: lq0-github <1441665200@qq.com>
Date: Tue, 21 Jan 2025 14:38:16 +0800
Subject: [PATCH] Fix some ui bugs

---
 components/HashResultModal/ModalWithChangeCollateral.tsx  | 2 +-
 .../MarginTrading/components/MyTrading/MyTradingPage.tsx  | 4 ++--
 screens/Trading/components/ChangeCollateralMobile.tsx     | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/HashResultModal/ModalWithChangeCollateral.tsx b/components/HashResultModal/ModalWithChangeCollateral.tsx
index 56226c81..d8b66de5 100644
--- a/components/HashResultModal/ModalWithChangeCollateral.tsx
+++ b/components/HashResultModal/ModalWithChangeCollateral.tsx
@@ -119,7 +119,7 @@ const ModalWithChangeCollateral = ({
             </div> */}
             <div className="fc justify-between text-sm font-normal">
               <span className="text-gray-300">collateral({symbol})</span>
-              <span>${toInternationalCurrencySystem_number(Number(collateral))}</span>
+              <span>{toInternationalCurrencySystem_number(Number(collateral))}</span>
             </div>
             <div className="absolute bottom-0 z-50 w-full left-0">{renderProgressBar()}</div>
           </div>
diff --git a/screens/MarginTrading/components/MyTrading/MyTradingPage.tsx b/screens/MarginTrading/components/MyTrading/MyTradingPage.tsx
index a8330f23..58926f87 100644
--- a/screens/MarginTrading/components/MyTrading/MyTradingPage.tsx
+++ b/screens/MarginTrading/components/MyTrading/MyTradingPage.tsx
@@ -190,7 +190,7 @@ const MyMarginTradingPage = () => {
 
                       return Object.entries(mergedCollateral).map(([tokenId, data], index) => (
                         <div key={tokenId} className="flex items-center justify-center mb-3">
-                          <img src={data.icon} alt="" className="w-4 h-4" />
+                          <img src={data.icon} alt="" className="w-4 h-4 rounded-3xl" />
                           <p className="ml-2 mr-8 text-xs text-gray-300">{data.symbol}</p>
                           <div className="text-xs ml-auto">
                             {beautifyPrice(data.totalValue, true)}
@@ -280,7 +280,7 @@ const MyMarginTradingPage = () => {
 
                       return Object.entries(mergedCollateral).map(([tokenId, data], index) => (
                         <div key={tokenId} className="flex items-center justify-center mb-3">
-                          <img src={data.icon} alt="" className="w-4 h-4" />
+                          <img src={data.icon} alt="" className="w-4 h-4 rounded-3xl" />
                           <p className="ml-2 mr-8 text-xs text-gray-300">{data.symbol}</p>
                           <div className="text-xs ml-auto">
                             {beautifyPrice(data.totalValue, true)}
diff --git a/screens/Trading/components/ChangeCollateralMobile.tsx b/screens/Trading/components/ChangeCollateralMobile.tsx
index 1de36ecb..c9ec75bc 100644
--- a/screens/Trading/components/ChangeCollateralMobile.tsx
+++ b/screens/Trading/components/ChangeCollateralMobile.tsx
@@ -250,7 +250,7 @@ const ChangeCollateralMobile: FC<ChangeCollateralMobileProps> = ({ open, onClose
         positionType: positionType.label,
         icon: iconC,
         symbol: symbolC,
-        addedValue: String(addedValue),
+        addedValue: String(addedValue / priceC),
       };
       localStorage.setItem("marginTradingTab", "my");
       localStorage.setItem("marginTransactionType", "changeCollateral");
@@ -262,7 +262,7 @@ const ChangeCollateralMobile: FC<ChangeCollateralMobileProps> = ({ open, onClose
           icon: iconC,
           type: positionType.label === "Long" ? "Long" : "Short",
           symbol: symbolC,
-          collateral: String(addedValue),
+          collateral: String(addedValue / priceC),
         });
       }
     } catch (error) {
@@ -283,7 +283,7 @@ const ChangeCollateralMobile: FC<ChangeCollateralMobileProps> = ({ open, onClose
         positionType: positionType.label,
         icon: iconC,
         symbol: symbolC,
-        addedValue: String(addedValue),
+        addedValue: String(addedValue / priceC),
       };
       dispatch(setActiveTab("my"));
       localStorage.setItem("marginTransactionType", "changeCollateral");
@@ -295,7 +295,7 @@ const ChangeCollateralMobile: FC<ChangeCollateralMobileProps> = ({ open, onClose
           type: positionType.label === "Long" ? "Long" : "Short",
           icon: iconC,
           symbol: symbolC,
-          collateral: String(addedValue),
+          collateral: String(addedValue / priceC),
         });
       }
     } catch (error) {