From cbd00da5aa7dd393027c5fcb7b8d61122dd157d1 Mon Sep 17 00:00:00 2001
From: Leonabcd123 <156839416+Leonabcd123@users.noreply.github.com>
Date: Fri, 12 Dec 2025 21:38:31 +0200
Subject: [PATCH] Remove jquery from about page

---
 frontend/src/ts/pages/about.ts | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/ts/pages/about.ts b/frontend/src/ts/pages/about.ts
index a82da0c53..0e48e621e 100644
--- a/frontend/src/ts/pages/about.ts
+++ b/frontend/src/ts/pages/about.ts
@@ -10,11 +10,11 @@ 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 { qsr } from "../utils/dom";
+import { qs, qsr } from "../utils/dom";
 
 function reset(): void {
-  $(".pageAbout .contributors").empty();
-  $(".pageAbout .supporters").empty();
+  qs(".pageAbout .contributors")?.empty();
+  qs(".pageAbout .supporters")?.empty();
 
   ChartController.globalSpeedHistogram.getDataset("count").data = [];
   void ChartController.globalSpeedHistogram.updateColors();
@@ -43,11 +43,11 @@ function updateStatsAndHistogram(): void {
       end: secondsRounded * 1000,
     });
 
-    $(".pageAbout #totalTimeTypingStat .val").text(
+    qs(".pageAbout #totalTimeTypingStat .val")?.setText(
       timeTypingDuration.years?.toString() ?? "",
     );
-    $(".pageAbout #totalTimeTypingStat .valSmall").text("years");
-    $(".pageAbout #totalTimeTypingStat").attr(
+    qs(".pageAbout #totalTimeTypingStat .valSmall")?.setText("years");
+    qs(".pageAbout #totalTimeTypingStat")?.setAttribute(
       "aria-label",
       numberWithSpaces(Math.round(secondsRounded / 3600)) + " hours",
     );
@@ -56,15 +56,15 @@ function updateStatsAndHistogram(): void {
       typingStatsResponseData.testsStarted,
     );
 
-    $(".pageAbout #totalStartedTestsStat .val").text(
+    qs(".pageAbout #totalStartedTestsStat .val")?.setText(
       startedWithMagnitude.rounded < 10
-        ? startedWithMagnitude.roundedTo2
-        : startedWithMagnitude.rounded,
+        ? startedWithMagnitude.roundedTo2.toString()
+        : startedWithMagnitude.rounded.toString(),
     );
-    $(".pageAbout #totalStartedTestsStat .valSmall").text(
+    qs(".pageAbout #totalStartedTestsStat .valSmall")?.setText(
       startedWithMagnitude.orderOfMagnitude,
     );
-    $(".pageAbout #totalStartedTestsStat").attr(
+    qs(".pageAbout #totalStartedTestsStat")?.setAttribute(
       "aria-label",
       numberWithSpaces(typingStatsResponseData.testsStarted) + " tests",
     );
@@ -73,15 +73,15 @@ function updateStatsAndHistogram(): void {
       typingStatsResponseData.testsCompleted,
     );
 
-    $(".pageAbout #totalCompletedTestsStat .val").text(
+    qs(".pageAbout #totalCompletedTestsStat .val")?.setText(
       completedWIthMagnitude.rounded < 10
-        ? completedWIthMagnitude.roundedTo2
-        : completedWIthMagnitude.rounded,
+        ? completedWIthMagnitude.roundedTo2.toString()
+        : completedWIthMagnitude.rounded.toString(),
     );
-    $(".pageAbout #totalCompletedTestsStat .valSmall").text(
+    qs(".pageAbout #totalCompletedTestsStat .valSmall")?.setText(
       completedWIthMagnitude.orderOfMagnitude,
     );
-    $(".pageAbout #totalCompletedTestsStat").attr(
+    qs(".pageAbout #totalCompletedTestsStat")?.setAttribute(
       "aria-label",
       numberWithSpaces(typingStatsResponseData.testsCompleted) + " tests",
     );
@@ -212,6 +212,6 @@ export const page = new Page({
   },
 });
 
-$(() => {
+document.addEventListener("DOMContentLoaded", () => {
   Skeleton.save("pageAbout");
 });