diff --git a/explorer/src/components/account/BlockHistoryCard.tsx b/explorer/src/components/account/BlockHistoryCard.tsx index 7266001d7b..606c0f8f71 100644 --- a/explorer/src/components/account/BlockHistoryCard.tsx +++ b/explorer/src/components/account/BlockHistoryCard.tsx @@ -68,57 +68,61 @@ export function BlockHistoryCard({ slot }: { slot: number }) { -
-
-

Block Transactions

-
+ {confirmedBlock.data.transactions.length === 0 ? ( + + ) : ( +
+
+

Block Transactions

+
-
- - - - - - - - - {confirmedBlock.data.transactions.map((tx, i) => { - let statusText; - let statusClass; - let signature: React.ReactNode; - if (tx.meta?.err || !tx.transaction.signature) { - statusClass = "warning"; - statusText = "Failed"; - } else { - statusClass = "success"; - statusText = "Success"; - } +
+
ResultTransaction Signature
+ + + + + + + + {confirmedBlock.data.transactions.map((tx, i) => { + let statusText; + let statusClass; + let signature: React.ReactNode; + if (tx.meta?.err || !tx.transaction.signature) { + statusClass = "warning"; + statusText = "Failed"; + } else { + statusClass = "success"; + statusText = "Success"; + } - if (tx.transaction.signature) { - signature = ( - + if (tx.transaction.signature) { + signature = ( + + ); + } + + return ( + + + + + ); - } - - return ( - - - - - - ); - })} - -
ResultTransaction Signature
+ + {statusText} + + {signature}
- - {statusText} - - {signature}
+ })} + + +
-
+ )} ); }