diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts index ec35bcb52b6f..359afc9156ae 100644 --- a/frontend/src/ts/ready.ts +++ b/frontend/src/ts/ready.ts @@ -15,6 +15,7 @@ import { log } from "./controllers/analytics-controller"; import { envConfig } from "./constants/env-config"; import * as ServerConfiguration from "./ape/server-configuration"; import * as Skeleton from "./utils/skeleton"; +import { formatDistanceStrict } from "date-fns"; if (Misc.isDevEnvironment()) { $("footer .currentVersion .text").text("localhost"); @@ -62,16 +63,19 @@ $(document).ready(() => { // ); // } - const plushieBannerClosed = - window.localStorage.getItem("plushieBannerClosed") === "true"; - if (!plushieBannerClosed) { + const plushieBannerClosed2 = + window.localStorage.getItem("plushieBannerClosed2") === "true"; + if (!plushieBannerClosed2) { + const string = formatDistanceStrict(1711918800000, Date.now(), { + roundingMethod: "floor", + }); Notifications.addBanner( - `George Plushie - available now for a limited time! monkeytype.store`, + `The limited George Plushie will be gone in ${string} - don't miss out! monkeytype.store`, 1, "./images/plushiebanner.png", - false, + true, () => { - window.localStorage.setItem("plushieBannerClosed", "true"); + window.localStorage.setItem("plushieBannerClosed2", "true"); }, true );