hide L1 status and Batch fields from tx and block details

docs/ENVS.md

@@ -200,6 +200,8 @@ Settings for meta tags, OG tags and SEO
 | `total_reward` | Total block reward |
 | `nonce` | Block nonce |
 | `miner` | Address of block's miner or validator |
+| `L1_status` | Short interpretation of the batch lifecycle (applicable for Rollup chains) |
+| `batch` | Batch index (applicable for Rollup chains) |
 
  
 
@@ -234,6 +236,8 @@ Settings for meta tags, OG tags and SEO
 | `tx_fee` | Total transaction fee |
 | `gas_fees` | Gas fees breakdown |
 | `burnt_fees` | Amount of native coin burnt for transaction |
+| `L1_status` | Short interpretation of the batch lifecycle (applicable for Rollup chains) |
+| `batch` | Batch index (applicable for Rollup chains) |
 
 ##### Transaction additional fields list
 | Id | Description |

types/views/block.ts

@@ -5,6 +5,8 @@ export const BLOCK_FIELDS_IDS = [
   'total_reward',
   'nonce',
   'miner',
+  'L1_status',
+  'batch',
 ] as const;
 
 export type BlockFieldId = ArrayElement<typeof BLOCK_FIELDS_IDS>;

types/views/tx.ts

@@ -7,6 +7,8 @@ export const TX_FIELDS_IDS = [
   'tx_fee',
   'gas_fees',
   'burnt_fees',
+  'L1_status',
+  'batch',
 ] as const;
 
 export type TxFieldsId = ArrayElement<typeof TX_FIELDS_IDS>;

ui/block/BlockDetails.tsx

@@ -220,28 +220,28 @@ const BlockDetails = ({ query }: Props) => {
         </DetailsInfoItem>
       ) }
 
-      { rollupFeature.isEnabled && rollupFeature.type === 'zkSync' && data.zksync && (
-        <>
-          <DetailsInfoItem
-            title="Batch"
-            hint="Batch number"
-            isLoading={ isPlaceholderData }
-          >
-            { data.zksync.batch_number ? (
-              <BatchEntityL2
-                isLoading={ isPlaceholderData }
-                number={ data.zksync.batch_number }
-              />
-            ) : <Skeleton isLoaded={ !isPlaceholderData }>Pending</Skeleton> }
-          </DetailsInfoItem>
-          <DetailsInfoItem
-            title="Status"
-            hint="Status is the short interpretation of the batch lifecycle"
-            isLoading={ isPlaceholderData }
-          >
-            <VerificationSteps steps={ ZKSYNC_L2_TX_BATCH_STATUSES } currentStep={ data.zksync.status } isLoading={ isPlaceholderData }/>
-          </DetailsInfoItem>
-        </>
+      { rollupFeature.isEnabled && rollupFeature.type === 'zkSync' && data.zksync && !config.UI.views.block.hiddenFields?.batch && (
+        <DetailsInfoItem
+          title="Batch"
+          hint="Batch number"
+          isLoading={ isPlaceholderData }
+        >
+          { data.zksync.batch_number ? (
+            <BatchEntityL2
+              isLoading={ isPlaceholderData }
+              number={ data.zksync.batch_number }
+            />
+          ) : <Skeleton isLoaded={ !isPlaceholderData }>Pending</Skeleton> }
+        </DetailsInfoItem>
+      ) }
+      { rollupFeature.isEnabled && rollupFeature.type === 'zkSync' && data.zksync && !config.UI.views.block.hiddenFields?.L1_status && (
+        <DetailsInfoItem
+          title="Status"
+          hint="Status is the short interpretation of the batch lifecycle"
+          isLoading={ isPlaceholderData }
+        >
+          <VerificationSteps steps={ ZKSYNC_L2_TX_BATCH_STATUSES } currentStep={ data.zksync.status } isLoading={ isPlaceholderData }/>
+        </DetailsInfoItem>
       ) }
 
       { !config.UI.views.block.hiddenFields?.miner && (

ui/tx/details/TxInfo.tsx

@@ -160,7 +160,8 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           </Tag>
         ) }
       </DetailsInfoItem>
-      { rollupFeature.isEnabled && rollupFeature.type === 'optimistic' && data.op_withdrawals && data.op_withdrawals.length > 0 && (
+      { rollupFeature.isEnabled && rollupFeature.type === 'optimistic' && data.op_withdrawals && data.op_withdrawals.length > 0 &&
+      !config.UI.views.tx.hiddenFields?.L1_status && (
         <DetailsInfoItem
           title="Withdrawal status"
           hint="Detailed status progress of the transaction"
@@ -181,7 +182,7 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           </Flex>
         </DetailsInfoItem>
       ) }
-      { data.zkevm_status && (
+      { data.zkevm_status && !config.UI.views.tx.hiddenFields?.L1_status && (
         <DetailsInfoItem
           title="Confirmation status"
           hint="Status of the transaction confirmation path to L1"
@@ -198,7 +199,7 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           <TxRevertReason { ...data.revert_reason }/>
         </DetailsInfoItem>
       ) }
-      { data.zksync && (
+      { data.zksync && !config.UI.views.tx.hiddenFields?.L1_status && (
         <DetailsInfoItem
           title="L1 status"
           hint="Status is the short interpretation of the batch lifecycle"
@@ -229,7 +230,7 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           </>
         ) }
       </DetailsInfoItem>
-      { data.zkevm_batch_number && (
+      { data.zkevm_batch_number && !config.UI.views.tx.hiddenFields?.batch && (
         <DetailsInfoItem
           title="Tx batch"
           hint="Batch index for this transaction"
@@ -241,7 +242,7 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           />
         </DetailsInfoItem>
       ) }
-      { data.zksync && (
+      { data.zksync && !config.UI.views.tx.hiddenFields?.batch && (
         <DetailsInfoItem
           title="Batch"
           hint="Batch number"