Add UTC timing, tweak copy (#14460)

* Add UTC timing, tweak copy

* More copy tweaks

* More copy
This commit is contained in:
R. M. Shea 2021-01-06 10:35:30 -07:00 committed by GitHub
parent 0767ea174e
commit a31f5f467b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 13 deletions

View File

@ -11,14 +11,15 @@ export function displayTimestamp(unixTimestamp: number): string {
year: "numeric", year: "numeric",
month: "long", month: "long",
day: "numeric", day: "numeric",
timeZone: "UTC",
}).format(expireDate); }).format(expireDate);
const timeString = new Intl.DateTimeFormat("en-US", { const timeString = new Intl.DateTimeFormat("en-US", {
hour: "numeric", hour: "numeric",
minute: "numeric", minute: "numeric",
hour12: false, hour12: false,
timeZoneName: "long", timeZone: "UTC",
}).format(expireDate); }).format(expireDate);
return `${dateString} at ${timeString}`; return `${dateString} ${timeString}`;
} }
export function UnlockAlert() { export function UnlockAlert() {
@ -72,20 +73,24 @@ export function UnlockAlert() {
return ( return (
<div className="alert alert-secondary text-center"> <div className="alert alert-secondary text-center">
<p>An unlock event is timed for midnight January 7th UTC cluster time.</p> <p className="mb-1">
<p> An unlock event is scheduled for January 7, 2021 00:00 UTC cluster time.
Cluster time is currently {displayTimestamp(blockTime * 1000)} and may </p>
differ from actual UTC time. <p className="mb-1">
Cluster time is currently {displayTimestamp(blockTime * 1000)} UTC.
Cluster time may vary from actual UTC time.
</p> </p>
<p className="mb-0"> <p className="mb-0">
More information can be found{" "} More information can be found{" "}
<a <u>
href="https://solana.com/transparency" <a
className="text-white font-weight-bold" href="https://solana.com/transparency"
rel="noopener noreferrer" className="text-white font-weight-bold"
> rel="noopener noreferrer"
here >
</a> here
</a>
</u>
. .
</p> </p>
</div> </div>