block_count -> blocks_count

mocks/arbitrum/txnBatches.ts

@@ -2,7 +2,7 @@ import type { ArbitrumL2TxnBatchesItem, ArbitrumL2TxnBatchesResponse } from 'typ
 
 export const finalized: ArbitrumL2TxnBatchesItem = {
   number: 12345,
-  block_count: 12345,
+  blocks_count: 12345,
   transactions_count: 10000,
   commitment_transaction: {
     block_number: 12345,
@@ -14,7 +14,7 @@ export const finalized: ArbitrumL2TxnBatchesItem = {
 
 export const unfinalized: ArbitrumL2TxnBatchesItem = {
   number: 12344,
-  block_count: 10000,
+  blocks_count: 10000,
   transactions_count: 103020,
   commitment_transaction: {
     block_number: 12340,

stubs/arbitrumL2.ts

@@ -15,7 +15,7 @@ export const ARBITRUM_MESSAGES_ITEM: ArbitrumL2MessagesItem = {
 
 export const ARBITRUM_L2_TXN_BATCHES_ITEM: ArbitrumL2TxnBatchesItem = {
   number: 12345,
-  block_count: 12345,
+  blocks_count: 12345,
   transactions_count: 10000,
   commitment_transaction: {
     block_number: 12345,

types/api/arbitrumL2.ts

@@ -34,7 +34,7 @@ type ArbitrumL2BatchCommitmentTx = {
 }
 
 export type ArbitrumL2TxnBatchesItem = {
-  block_count: number;
+  blocks_count: number;
   commitment_transaction: ArbitrumL2BatchCommitmentTx;
   number: number;
   transactions_count: number;

ui/txnBatches/arbitrumL2/ArbitrumL2TxnBatchDetails.tsx

@@ -103,7 +103,7 @@ const ArbitrumL2TxnBatchDetails = ({ query }: Props) => {
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
           <LinkInternal href={ route({ pathname: '/batches/[number]', query: { number: data.number.toString(), tab: 'txs' } }) }>
-            { data.transactions_count } transaction{ data.transactions_count === 1 ? '' : 's' }
+            { data.transactions_count.toLocaleString() } transaction{ data.transactions_count === 1 ? '' : 's' }
           </LinkInternal>
         </Skeleton>
       </DetailsInfoItem.Value>
@@ -117,7 +117,7 @@ const ArbitrumL2TxnBatchDetails = ({ query }: Props) => {
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
           <LinkInternal href={ route({ pathname: '/batches/[number]', query: { number: data.number.toString(), tab: 'blocks' } }) }>
-            { blocksCount } block{ blocksCount === 1 ? '' : 's' }
+            { blocksCount.toLocaleString() } block{ blocksCount === 1 ? '' : 's' }
           </LinkInternal>
         </Skeleton>
       </DetailsInfoItem.Value>

ui/txnBatches/arbitrumL2/ArbitrumL2TxnBatchesListItem.tsx

@@ -54,11 +54,11 @@ const ArbitrumL2TxnBatchesListItem = ({ item, isLoading }: Props) => {
         />
       </ListItemMobileGrid.Value>
 
-      { item.block_count && (
+      { item.blocks_count && (
         <>
-          <ListItemMobileGrid.Label isLoading={ isLoading }>L2 block txn count</ListItemMobileGrid.Label>
+          <ListItemMobileGrid.Label isLoading={ isLoading }>Block count</ListItemMobileGrid.Label>
           <ListItemMobileGrid.Value>
-            <Skeleton isLoaded={ !isLoading } display="inline-block">{ item.block_count }</Skeleton>
+            <Skeleton isLoaded={ !isLoading } display="inline-block">{ item.blocks_count.toLocaleString() }</Skeleton>
           </ListItemMobileGrid.Value>
         </>
       ) }
@@ -87,7 +87,7 @@ const ArbitrumL2TxnBatchesListItem = ({ item, isLoading }: Props) => {
           fontWeight={ 600 }
         >
           <Skeleton isLoaded={ !isLoading } minW="40px">
-            { item.transactions_count }
+            { item.transactions_count.toLocaleString() }
           </Skeleton>
         </LinkInternal>
       </ListItemMobileGrid.Value>

ui/txnBatches/arbitrumL2/ArbitrumL2TxnBatchesTable.tsx

@@ -21,7 +21,7 @@ const ArbitrumL2TxnBatchesTable = ({ items, top, isLoading }: Props) => {
           <Th>Batch #</Th>
           <Th>L1 status</Th>
           <Th>L1 block</Th>
-          <Th>L2 block txn count</Th>
+          <Th>Block count</Th>
           <Th>L1 transaction</Th>
           <Th>Age</Th>
           <Th>Txn count</Th>

ui/txnBatches/arbitrumL2/ArbitrumL2TxnBatchesTableItem.tsx

@@ -48,7 +48,7 @@ const TxnBatchesTableItem = ({ item, isLoading }: Props) => {
         />
       </Td>
       <Td verticalAlign="middle">
-        <Skeleton isLoaded={ !isLoading } display="inline-block">{ item.block_count || 'N/A' }</Skeleton>
+        <Skeleton isLoaded={ !isLoading } display="inline-block">{ item.blocks_count ? item.blocks_count.toLocaleString() : 'N/A' }</Skeleton>
       </Td>
       <Td pr={ 12 } verticalAlign="middle">
         <TxEntityL1
@@ -70,7 +70,7 @@ const TxnBatchesTableItem = ({ item, isLoading }: Props) => {
           isLoading={ isLoading }
         >
           <Skeleton isLoaded={ !isLoading } minW="40px">
-            { item.transactions_count }
+            { item.transactions_count.toLocaleString() }
           </Skeleton>
         </LinkInternal>
       </Td>