fix: show more decimal places for exchange rate bottom sheet

lifinance · Feb 1, 2023 · 88b7f6a · 88b7f6a
1 parent 29fd67d
commit 88b7f6a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/widget/src/pages/SwapPage/ExchangeRateBottomSheet.tsx b/packages/widget/src/pages/SwapPage/ExchangeRateBottomSheet.tsx
@@ -112,7 +112,11 @@ const ExchangeRateBottomSheetContent: React.FC<
         <Typography>{t('swap.quotedAmount')}</Typography>
         <Typography fontWeight={600}>
           {t('format.number', {
-            value: formatTokenAmount(data?.oldToAmount, data?.toToken.decimals),
+            value: formatTokenAmount(
+              data?.oldToAmount,
+              data?.toToken.decimals,
+              5,
+            ),
           })}{' '}
           {data?.toToken.symbol}
         </Typography>
@@ -121,7 +125,11 @@ const ExchangeRateBottomSheetContent: React.FC<
         <Typography>{t('swap.currentAmount')}</Typography>
         <Typography fontWeight={600}>
           {t('format.number', {
-            value: formatTokenAmount(data?.newToAmount, data?.toToken.decimals),
+            value: formatTokenAmount(
+              data?.newToAmount,
+              data?.toToken.decimals,
+              5,
+            ),
           })}{' '}
           {data?.toToken.symbol}
         </Typography>

diff --git a/packages/widget/src/utils/format.ts b/packages/widget/src/utils/format.ts
@@ -13,6 +13,7 @@ Big.NE = -42;
 export const formatTokenAmount = (
   amount: string = '0',
   decimals: number = 0,
+  decimalPlaces: number = 3,
 ) => {
   let shiftedAmount = amount;
   if (decimals) {
@@ -23,7 +24,6 @@ export const formatTokenAmount = (
     return '0';
   }
 
-  let decimalPlaces = 3;
   const absAmount = Math.abs(parsedAmount);
   while (absAmount < 1 / 10 ** decimalPlaces) {
     decimalPlaces++;