use constant for usdc decimals

dydxprotocol · Jan 7, 2025 · 06689a4 · 06689a4
1 parent e2da4f9
commit 06689a4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/constants/tokens.ts b/src/constants/tokens.ts
@@ -14,3 +14,5 @@ export const USDC_ADDRESSES = {
   [CosmosChainId.Osmosis]: 'ibc/498A0751C798A0D9A389AA3691123DADA57DAA4FE165D5C75894505B876BA6E4',
   [CosmosChainId.Neutron]: 'ibc/B559A80D62249C8AA07A380E2A2BEA6E5CA9A6F079C912C3A9E9B494105E4F81',
 };
+
+export const USDC_DECIMALS = 6;
diff --git a/src/views/dialogs/DepositDialog2/DepositDialog2.tsx b/src/views/dialogs/DepositDialog2/DepositDialog2.tsx
@@ -7,7 +7,7 @@ import { DepositDialog2Props, DialogProps } from '@/constants/dialogs';
 import { CosmosChainId } from '@/constants/graz';
 import { STRING_KEYS } from '@/constants/localization';
 import { SOLANA_MAINNET_ID } from '@/constants/solana';
-import { USDC_ADDRESSES } from '@/constants/tokens';
+import { USDC_ADDRESSES, USDC_DECIMALS } from '@/constants/tokens';
 import { WalletNetworkType } from '@/constants/wallets';
 
 import { useAccounts } from '@/hooks/useAccounts';
@@ -30,22 +30,22 @@ function getDefaultToken(sourceAccount: SourceAccount): DepositToken {
     return {
       chainId: mainnet.id.toString(),
       denom: USDC_ADDRESSES[mainnet.id],
-      decimals: 6,
+      decimals: USDC_DECIMALS,
     };
   }
 
   if (sourceAccount.chain === WalletNetworkType.Solana) {
     return {
       chainId: SOLANA_MAINNET_ID,
       denom: USDC_ADDRESSES[SOLANA_MAINNET_ID],
-      decimals: 6,
+      decimals: USDC_DECIMALS,
     };
   }
 
   return {
     chainId: CosmosChainId.Osmosis,
     denom: USDC_ADDRESSES[CosmosChainId.Osmosis],
-    decimals: 6, // TODO: confirm this
+    decimals: USDC_DECIMALS,
   };
 }
 

diff --git a/src/views/dialogs/DepositDialog2/DepositForm.tsx b/src/views/dialogs/DepositDialog2/DepositForm.tsx
@@ -11,6 +11,7 @@ import { useStringGetter } from '@/hooks/useStringGetter';
 import { Button } from '@/components/Button';
 import { Output, OutputType } from '@/components/Output';
 
+import { USDC_DECIMALS } from '@/constants/tokens';
 import { AmountInput } from './AmountInput';
 import { RouteOptions } from './RouteOptions';
 import { useRoutes } from './queries';
@@ -63,13 +64,14 @@ export const DepositForm = ({
       {/* TODO(deposit2.0): Show difference between current and new balance here */}
       {selectedRoute && (
         <div tw="flex justify-between text-small">
+          {/* TODO(deposit2.0): localization */}
           <div tw="text-color-text-0">Available balance</div>
           <div>
             +
             <Output
               tw="inline"
               type={OutputType.Fiat}
-              value={formatUnits(BigInt(selectedRoute.amountOut), 6)}
+              value={formatUnits(BigInt(selectedRoute.amountOut), USDC_DECIMALS)}
             />
           </div>
         </div>