Make lockup time less ambiguous
This commit is contained in:
parent
5176a29955
commit
23637d55b2
|
@ -27,10 +27,22 @@ function LockupCard({ stakeAccount }: { stakeAccount: StakeAccount }) {
|
||||||
const unixTimestamp = stakeAccount.meta?.lockup.unixTimestamp;
|
const unixTimestamp = stakeAccount.meta?.lockup.unixTimestamp;
|
||||||
if (unixTimestamp && unixTimestamp > 0) {
|
if (unixTimestamp && unixTimestamp > 0) {
|
||||||
const expireDate = new Date(unixTimestamp * 1000);
|
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 (
|
return (
|
||||||
<div className="alert alert-warning text-center">
|
<div className="alert alert-warning text-center">
|
||||||
<strong>Account is locked!</strong> Lockup expires on{" "}
|
<strong>Account is locked!</strong> Lockup expires on {expireString}
|
||||||
{expireDate.toLocaleDateString()} at {expireDate.toLocaleTimeString()}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
|
|
Loading…
Reference in New Issue