Fix some ui bugs

burrowHQ · Jan 21, 2025 · 3c30bb0 · 3c30bb0
1 parent e1fc5de
commit 3c30bb0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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) {