Make lockup time less ambiguous

This commit is contained in:
Justin Starry 2020-05-15 11:44:51 +08:00 committed by Michael Vines
parent 5176a29955
commit 23637d55b2
1 changed files with 14 additions and 2 deletions

View File

@ -27,10 +27,22 @@ function LockupCard({ stakeAccount }: { stakeAccount: StakeAccount }) {
const unixTimestamp = stakeAccount.meta?.lockup.unixTimestamp;
if (unixTimestamp && unixTimestamp > 0) {
const expireDate = new Date(unixTimestamp * 1000);
const dateString = new Intl.DateTimeFormat("en-US", {
year: "numeric",
month: "long",
day: "numeric"
}).format(expireDate);
const timeString = new Intl.DateTimeFormat("en-US", {
hour: "numeric",
minute: "numeric",
second: "numeric",
hour12: false,
timeZoneName: "long"
}).format(expireDate);
const expireString = `${dateString} at ${timeString}`;
return (
<div className="alert alert-warning text-center">
<strong>Account is locked!</strong> Lockup expires on{" "}
{expireDate.toLocaleDateString()} at {expireDate.toLocaleTimeString()}
<strong>Account is locked!</strong> Lockup expires on {expireString}
</div>
);
} else {