diff --git a/frontend/src/ts/pages/about.ts b/frontend/src/ts/pages/about.ts index 0e48e621e..f42c2d938 100644 --- a/frontend/src/ts/pages/about.ts +++ b/frontend/src/ts/pages/about.ts @@ -10,7 +10,7 @@ import * as Skeleton from "../utils/skeleton"; import { TypingStats, SpeedHistogram } from "@monkeytype/schemas/public"; import { getNumberWithMagnitude, numberWithSpaces } from "../utils/numbers"; import { tryCatch } from "@monkeytype/util/trycatch"; -import { qs, qsr } from "../utils/dom"; +import { qs, qsr, onDocumentReady } from "../utils/dom"; function reset(): void { qs(".pageAbout .contributors")?.empty(); @@ -212,6 +212,6 @@ export const page = new Page({ }, }); -document.addEventListener("DOMContentLoaded", () => { +onDocumentReady(() => { Skeleton.save("pageAbout"); }); diff --git a/frontend/src/ts/pages/login.ts b/frontend/src/ts/pages/login.ts index b7c56cbef..e52c57533 100644 --- a/frontend/src/ts/pages/login.ts +++ b/frontend/src/ts/pages/login.ts @@ -11,7 +11,7 @@ import { ValidatedHtmlInputElement } from "../elements/input-validation"; import { isDevEnvironment } from "../utils/misc"; import { z } from "zod"; import { remoteValidation } from "../utils/remote-validation"; -import { qs, qsr } from "../utils/dom"; +import { qs, qsr, onDocumentReady } from "../utils/dom"; let registerForm: { name?: string; @@ -224,6 +224,6 @@ export const page = new Page({ }, }); -document.addEventListener("DOMContentLoaded", () => { +onDocumentReady(() => { Skeleton.save("pageLogin"); }); diff --git a/frontend/src/ts/pages/profile-search.ts b/frontend/src/ts/pages/profile-search.ts index 81dc08a1d..f524d9384 100644 --- a/frontend/src/ts/pages/profile-search.ts +++ b/frontend/src/ts/pages/profile-search.ts @@ -5,7 +5,7 @@ import { ValidatedHtmlInputElement } from "../elements/input-validation"; import { UserNameSchema, UserProfile } from "@monkeytype/schemas/users"; import { remoteValidation } from "../utils/remote-validation"; import * as NavigationEvent from "../observables/navigation-event"; -import { qs, qsr } from "../utils/dom"; +import { qs, qsr, onDocumentReady } from "../utils/dom"; let nameInputEl: ValidatedHtmlInputElement | null = null; let lastProfile: UserProfile | null = null; @@ -69,6 +69,6 @@ qs(".page.pageProfileSearch form")?.on("submit", (e) => { }); }); -document.addEventListener("DOMContentLoaded", () => { +onDocumentReady(() => { Skeleton.save("pageProfileSearch"); });