add commas to swap history

components/swap/SwapHistoryTable.tsx

@@ -15,6 +15,7 @@ import SheenLoader from '../shared/SheenLoader'
 import mangoStore from '@store/mangoStore'
 import {
   countLeadingZeros,
+  formatDecimal,
   formatFixedDecimals,
   trimDecimals,
 } from '../../utils/numbers'
@@ -99,6 +100,7 @@ const SwapHistoryTable = () => {
 
               const inSymbol = formatTokenSymbol(swap_in_symbol)
               const outSymbol = formatTokenSymbol(swap_out_symbol)
+              console.log('mangoTokens', mangoTokens)
 
               if (mangoTokens.length) {
                 baseLogoURI = mangoTokens.find(
@@ -134,7 +136,7 @@ const SwapHistoryTable = () => {
                         </div>
                         <div>
                           <p className="whitespace-nowrap">
-                            {`${swap_in_amount.toFixed(inDecimals)}`}
+                            {`${formatDecimal(swap_in_amount, inDecimals)}`}
                             <span className="ml-1 font-body text-th-fgd-3">
                               {inSymbol}
                             </span>
@@ -159,15 +161,13 @@ const SwapHistoryTable = () => {
                         </div>
                         <div>
                           <p className="whitespace-nowrap">
-                            {`${trimDecimals(swap_out_amount, outDecimals)}`}
+                            {`${formatDecimal(swap_out_amount, outDecimals)}`}
                             <span className="ml-1 font-body text-th-fgd-3">
                               {outSymbol}
                             </span>
                           </p>
-                          <p className="text-xs text-th-fgd-3">
-                            <span className="font-body text-th-fgd-4">
-                              {t('price')}:
-                            </span>{' '}
+                          <p className="text-xs text-th-fgd-4">
+                            <span className="font-body">{t('price')}:</span>{' '}
                             {formatFixedDecimals(swap_out_price_usd, true)}
                           </p>
                         </div>

utils/numbers.ts

@@ -59,28 +59,28 @@ const usdFormatter3 = Intl.NumberFormat('en', {
 
 export const formatFixedDecimals = (
   value: number,
-  isPrice?: boolean,
+  isUSD?: boolean,
   isValue?: boolean
 ): string => {
   let formattedValue
   if (value === 0) {
-    formattedValue = isPrice ? '$0.00' : '0'
+    formattedValue = isUSD ? '$0.00' : '0'
   } else if (isValue) {
     formattedValue = usdFormatter2.format(value)
   } else if (Math.abs(value) >= 1000) {
-    formattedValue = isPrice
+    formattedValue = isUSD
       ? usdFormatter0.format(value)
       : Number(floorToDecimal(value, 0)).toLocaleString(undefined, {
           maximumFractionDigits: 0,
         })
   } else if (Math.abs(value) >= 0.1) {
-    formattedValue = isPrice
+    formattedValue = isUSD
       ? usdFormatter2.format(value)
       : Number(floorToDecimal(value, 3)).toLocaleString(undefined, {
           maximumFractionDigits: 3,
         })
   } else {
-    formattedValue = isPrice
+    formattedValue = isUSD
       ? usdFormatter3.format(value)
       : Number(floorToDecimal(value, 8)).toLocaleString(undefined, {
           maximumFractionDigits: 8,