diff --git a/explorer/src/components/block/BlockOverviewCard.tsx b/explorer/src/components/block/BlockOverviewCard.tsx index 216866743..514f1d72f 100644 --- a/explorer/src/components/block/BlockOverviewCard.tsx +++ b/explorer/src/components/block/BlockOverviewCard.tsx @@ -12,6 +12,7 @@ import { NavLink } from "react-router-dom"; import { clusterPath } from "utils/url"; import { BlockProgramsCard } from "./BlockProgramsCard"; import { BlockAccountsCard } from "./BlockAccountsCard"; +import { displayTimestamp, displayTimestampUtc } from "utils/date"; export function BlockOverviewCard({ slot, @@ -65,6 +66,26 @@ export function BlockOverviewCard({ {block.blockhash} + {block.blockTime && ( + <> + + Timestamp (Local) + + + {displayTimestamp(block.blockTime * 1000, true)} + + + + + Timestamp (UTC) + + + {displayTimestampUtc(block.blockTime * 1000, true)} + + + + + )} Parent Slot diff --git a/explorer/src/utils/date.ts b/explorer/src/utils/date.ts index bc0cb79b0..a6f4acd3d 100644 --- a/explorer/src/utils/date.ts +++ b/explorer/src/utils/date.ts @@ -25,7 +25,7 @@ export function displayTimestampUtc( const expireDate = new Date(unixTimestamp); const dateString = new Intl.DateTimeFormat("en-US", { year: "numeric", - month: "long", + month: "short", day: "numeric", timeZone: "UTC", }).format(expireDate);