Fix more number formatting

oasisprotocol · Apr 26, 2023 · 71769f8 · 71769f8
1 parent 01daa94
commit 71769f8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/src/app/components/Account/index.tsx b/src/app/components/Account/index.tsx
@@ -13,6 +13,7 @@ import { TextSkeleton } from '../../components/Skeleton'
 import { type RuntimeAccount } from '../../../oasis-indexer/api'
 import { TokenPills } from './TokenPills'
 import { AccountLink } from './AccountLink'
+import { formatNumber } from '../../utils/numberFormatter'
 
 export const StyledAvatarContainer = styled('dt')(({ theme }) => ({
   '&&': {
@@ -95,7 +96,7 @@ export const Account: FC<AccountProps> = ({ account, isLoading, roseFiatValue, s
           )}
 
           <dt>{t('common.transactions')}</dt>
-          <dd>{account.stats.num_txns}</dd>
+          <dd>{formatNumber(account.stats.num_txns)}</dd>
 
           <dt>{t('account.evmTokens')}</dt>
           <dd>

diff --git a/src/app/components/Blocks/index.tsx b/src/app/components/Blocks/index.tsx
@@ -67,7 +67,7 @@ export const Blocks = (props: BlocksProps) => {
         },
         {
           align: TableCellAlign.Right,
-          content: block.num_transactions,
+          content: formatNumber(block.num_transactions),
           key: 'txs',
         },
         ...(verbose

diff --git a/src/app/pages/BlockDetailPage/index.tsx b/src/app/pages/BlockDetailPage/index.tsx
@@ -102,14 +102,9 @@ export const BlockDetailView: FC<{
       <dt>{t('common.size')}</dt>
       <dd>
         {t('common.bytes', {
-          value: block.size,
-          formatParams: {
-            value: {
-              style: 'unit',
-              unit: 'byte',
-              unitDisplay: 'long',
-            } satisfies Intl.NumberFormatOptions,
-          },
+          value: formatNumber(block.size, {
+            unit: 'byte',
+          }),
         })}
       </dd>