Set proper decimals in BalancesTable;

@types/types.tsx

@@ -59,6 +59,7 @@ export interface Balances extends BalancesBase {
   value?: I80F48 | null | undefined
   depositRate?: I80F48 | null | undefined
   borrowRate?: I80F48 | null | undefined
+  decimals?: number | null | undefined
 }
 
 export interface OpenOrdersBalances extends BalancesBase {

components/BalancesTable.tsx

@@ -361,12 +361,12 @@ const BalancesTable = ({
                       </Td>
                       <Td>
                         {balance.deposits.toLocaleString(undefined, {
-                          maximumFractionDigits: 14,
+                          maximumFractionDigits: balance.decimals,
                         })}
                       </Td>
                       <Td>
                         {balance.borrows.toLocaleString(undefined, {
-                          maximumFractionDigits: 14,
+                          maximumFractionDigits: balance.decimals,
                         })}
                       </Td>
                       <Td>{balance.orders}</Td>
@@ -386,12 +386,12 @@ const BalancesTable = ({
                             }
                           >
                             {balance.net.toLocaleString(undefined, {
-                              maximumFractionDigits: 14,
+                              maximumFractionDigits: balance.decimals,
                             })}
                           </span>
                         ) : (
                           balance.net.toLocaleString(undefined, {
-                            maximumFractionDigits: 14,
+                            maximumFractionDigits: balance.decimals,
                           })
                         )}
                       </Td>
@@ -477,7 +477,7 @@ const BalancesTable = ({
                         </div>
                         <div className="text-th-fgd-1 text-right">
                           {balance.net.toLocaleString(undefined, {
-                            maximumFractionDigits: 14,
+                            maximumFractionDigits: balance.decimals,
                           })}
                         </div>
                       </div>
@@ -492,7 +492,7 @@ const BalancesTable = ({
                               {t('deposits')}
                             </div>
                             {balance.deposits.toLocaleString(undefined, {
-                              maximumFractionDigits: 14,
+                              maximumFractionDigits: balance.decimals,
                             })}
                           </div>
                           <div className="text-left">
@@ -500,7 +500,7 @@ const BalancesTable = ({
                               {t('borrows')}
                             </div>
                             {balance.borrows.toLocaleString(undefined, {
-                              maximumFractionDigits: 14,
+                              maximumFractionDigits: balance.decimals,
                             })}
                           </div>
                           <div className="text-left">
@@ -508,7 +508,7 @@ const BalancesTable = ({
                               {t('in-orders')}
                             </div>
                             {balance.orders.toLocaleString(undefined, {
-                              maximumFractionDigits: 14,
+                              maximumFractionDigits: balance.decimals,
                             })}
                           </div>
                           <div className="text-left">
@@ -516,7 +516,7 @@ const BalancesTable = ({
                               {t('unsettled')}
                             </div>
                             {balance.unsettled.toLocaleString(undefined, {
-                              maximumFractionDigits: 14,
+                              maximumFractionDigits: balance.decimals,
                             })}
                           </div>
                           <div className="text-left">
@@ -567,7 +567,7 @@ const BalancesTable = ({
                             repayAmount={
                               balance.borrows.toNumber() > 0
                                 ? balance.borrows.toLocaleString(undefined, {
-                                    maximumFractionDigits: 14,
+                                    maximumFractionDigits: balance.decimals,
                                   })
                                 : ''
                             }

hooks/useBalances.tsx

@@ -107,6 +107,7 @@ export function useBalances(): Balances[] {
         value: value(nativeBaseLocked, tokenIndex),
         depositRate: i80f48ToPercent(mangoGroup.getDepositRate(tokenIndex)),
         borrowRate: i80f48ToPercent(mangoGroup.getBorrowRate(tokenIndex)),
+        decimals: mangoGroup.tokens[tokenIndex].decimals,
       },
       {
         market: null,
@@ -134,6 +135,7 @@ export function useBalances(): Balances[] {
         value: value(nativeQuoteLocked, quoteCurrencyIndex),
         depositRate: i80f48ToPercent(mangoGroup.getDepositRate(tokenIndex)),
         borrowRate: i80f48ToPercent(mangoGroup.getBorrowRate(tokenIndex)),
+        decimals: mangoGroup.tokens[quoteCurrencyIndex].decimals,
       },
     ]
     balances.push(marketPair)
@@ -172,6 +174,7 @@ export function useBalances(): Balances[] {
       value,
       depositRate,
       borrowRate,
+      decimals: mangoGroup.tokens[QUOTE_INDEX].decimals,
     },
   ].concat(baseBalances)
 }

public/locales/en/common.json

@@ -250,7 +250,7 @@
   "open-interest": "Open Interest",
   "open-orders": "Open Orders",
   "optional": "(Optional)",
-  "oracle-price": "Oracle price",
+  "oracle-price": "Oracle Price",
   "order-error": "Error placing order",
   "orderbook": "Orderbook",
   "orderbook-animation": "Orderbook Animation",