diff --git a/explorer/src/components/account/history/TransactionHistoryCard.tsx b/explorer/src/components/account/history/TransactionHistoryCard.tsx index 068b0ee62..2d49e3e29 100644 --- a/explorer/src/components/account/history/TransactionHistoryCard.tsx +++ b/explorer/src/components/account/history/TransactionHistoryCard.tsx @@ -15,6 +15,7 @@ import { import { FetchStatus } from "providers/cache"; import { LoadingCard } from "components/common/LoadingCard"; import { ErrorCard } from "components/common/ErrorCard"; +import { displayTimestampUtc } from "utils/date"; export function TransactionHistoryCard({ pubkey }: { pubkey: PublicKey }) { const address = pubkey.toBase58(); @@ -56,7 +57,7 @@ export function TransactionHistoryCard({ pubkey }: { pubkey: PublicKey }) { return ( - + @@ -64,9 +65,16 @@ export function TransactionHistoryCard({ pubkey }: { pubkey: PublicKey }) { {hasTimestamps && ( - - {blockTime ? : "---"} - + <> + + {blockTime ? : "---"} + + + {blockTime + ? displayTimestampUtc(blockTime * 1000, true) + : "---"} + + )} @@ -90,8 +98,13 @@ export function TransactionHistoryCard({ pubkey }: { pubkey: PublicKey }) { Transaction Signature - Slot - {hasTimestamps && Age} + Block + {hasTimestamps && ( + <> + Age + Timestamp + + )} Result