fix: collateral info supply format

Swaylend · Jan 7, 2025 · 9c121bb · 9c121bb
1 parent 9c311a4
commit 9c121bb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/apps/frontend/src/components/DashboardView/AssetsTable/CollateralTable.tsx b/apps/frontend/src/components/DashboardView/AssetsTable/CollateralTable.tsx
@@ -139,15 +139,16 @@ const CollateralTableRow = ({
                             collateralConfiguration.supply_cap.toString()
                           ),
                           decimals
-                        )
+                        ),
+                        2
                       )}{' '}
                       {appConfig.assets[assetId]}
                     </div>
                   </div>
                   <div className="text-md flex justify-between">
                     <div className="text-lavender">Total Supplied</div>
                     <div className="font-semibold text-moon">
-                      {getFormattedNumber(collateralAmount)}{' '}
+                      {getFormattedNumber(collateralAmount, 2)}{' '}
                       {appConfig.assets[assetId]}
                     </div>
                   </div>
@@ -229,7 +230,8 @@ const CollateralTableRow = ({
                             collateralConfiguration.supply_cap.toString()
                           ),
                           decimals
-                        )
+                        ),
+                        2
                       )}{' '}
                       {appConfig.assets[assetId]}
                     </div>
@@ -251,7 +253,7 @@ const CollateralTableRow = ({
                   <div className="text-md flex justify-between">
                     <div className="text-lavender">Total Supplied</div>
                     <div className="font-semibold text-moon">
-                      {getFormattedNumber(collateralAmount)}{' '}
+                      {getFormattedNumber(collateralAmount, 2)}{' '}
                       {appConfig.assets[assetId]}
                     </div>
                   </div>

diff --git a/apps/frontend/src/utils/price.ts b/apps/frontend/src/utils/price.ts
@@ -17,6 +17,7 @@ export const getFormattedPrice = (number: BigNumber): string => {
 
 export const getFormattedNumber = (
   number: BigNumber,
+  decimals = 4,
   positive?: boolean
 ): string => {
   if (!number || number.isNaN() || number.eq(0)) return '0.0';
@@ -35,5 +36,5 @@ export const getFormattedNumber = (
     return '0.0';
   }
 
-  return `${number.toFixed(4, BigNumber.ROUND_FLOOR)}`;
+  return `${number.toFixed(decimals, BigNumber.ROUND_FLOOR)}`;
 };