diff --git a/client/src/app/components/stardust/block/BlockTangleState.tsx b/client/src/app/components/stardust/block/BlockTangleState.tsx index 6d2b94498..cc77a60b9 100644 --- a/client/src/app/components/stardust/block/BlockTangleState.tsx +++ b/client/src/app/components/stardust/block/BlockTangleState.tsx @@ -7,14 +7,14 @@ import "./BlockTangleState.scss"; import { DateHelper } from "~/helpers/dateHelper"; const BlockTangleState: React.FC = ({ network, status, milestoneIndex, hasConflicts, conflictReason, onClick }) => { - const [ago, setAgo] = useState(); + const [milestoneTimestamp, setMilestoneTimestamp] = useState(); const [blockId, setBlockId] = useState(); const [milestoneDetails] = useMilestoneDetails(network, milestoneIndex ?? null); useEffect(() => { if (milestoneDetails?.milestone?.timestamp) { const readableTimestamp = DateHelper.format(DateHelper.milliseconds(milestoneDetails.milestone.timestamp)); - setAgo(readableTimestamp); + setMilestoneTimestamp(readableTimestamp); } setBlockId(milestoneDetails?.blockId); }, [milestoneDetails]); @@ -35,7 +35,7 @@ const BlockTangleState: React.FC = ({ network, status, mi {milestoneIndex && "Confirmed"} {!milestoneIndex && "Pending"} - {milestoneIndex && Created {ago}} + {milestoneIndex && Created {milestoneTimestamp}} )} @@ -78,7 +78,7 @@ const BlockTangleState: React.FC = ({ network, status, mi > Milestone {milestoneIndex} - {ago} + {milestoneTimestamp} ) : ( ""