Expose bitcoin finality

Author: gabmontes

types/api/block.ts

@@ -36,6 +36,8 @@ export interface Block {
   bitcoin_merged_mining_merkle_proof?: string | null;
   hash_for_merged_mining?: string | null;
   minimum_gas_price?: string | null;
+  // HEMI FIELDS
+  btc_finality?: number;
 }
 
 export interface BlocksResponse {

types/api/transaction.ts

@@ -79,6 +79,8 @@ export type Transaction = {
   zkevm_batch_number?: number;
   zkevm_status?: typeof ZKEVM_L2_TX_STATUSES[number];
   zkevm_sequence_hash?: string;
+  // Hemi fields
+  btc_finality?: number;
 }
 
 export const ZKEVM_L2_TX_STATUSES = [ 'Confirmed by Sequencer', 'L1 Confirmed' ];

ui/block/BlockDetails.tsx

@@ -166,6 +166,17 @@ const BlockDetails = ({ query }: Props) => {
       >
         <DetailsTimestamp timestamp={ data.timestamp } isLoading={ isPlaceholderData }/>
       </DetailsInfoItem>
+      { data.btc_finality && (
+        <DetailsInfoItem
+          title="Bitcoin finality"
+          hint="Number of Bitcoin block confirmations protecting this block."
+          isLoading={ isPlaceholderData }
+        >
+          <Skeleton isLoaded={ !isPlaceholderData }>
+            { data.btc_finality }
+          </Skeleton>
+        </DetailsInfoItem>
+      ) }
       <DetailsInfoItem
         title="Transactions"
         hint="The number of transactions in the block"

ui/tx/details/TxInfo.tsx

@@ -226,6 +226,17 @@ const TxInfo = ({ data, isLoading, socketStatus }: Props) => {
           ) }
         </DetailsInfoItem>
       ) }
+      { data.btc_finality && (
+        <DetailsInfoItem
+          title="Bitcoin finality"
+          hint="Number of Bitcoin block confirmations protecting this transaction."
+          isLoading={ isLoading }
+        >
+          <Skeleton isLoaded={ !isLoading }>
+            { data.btc_finality }
+          </Skeleton>
+        </DetailsInfoItem>
+      ) }
       { data.execution_node && (
         <DetailsInfoItem
           title="Kettle"