feat(leaderboard): show daily leaderboard on daily leaderboard rank c…

…lick
monkeytypegame · Dec 24, 2024 · fc6c5f4 · fc6c5f4
1 parent 799656d
commit fc6c5f4
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/frontend/src/html/pages/test.html b/frontend/src/html/pages/test.html
@@ -269,7 +269,14 @@
 
         <div class="group dailyLeaderboard hidden">
           <div class="top">daily leaderboard</div>
-          <div class="bottom">-</div>
+          <div
+            id="dailyLeaderboardRank"
+            aria-label="Show daily leaderboard"
+            data-balloon-pos="up"
+            class="bottom"
+          >
+            -
+          </div>
         </div>
 
         <div class="group source hidden">

diff --git a/frontend/src/styles/test.scss b/frontend/src/styles/test.scss
@@ -831,7 +831,6 @@
 
         &.dailyLeaderboard {
           max-width: 13rem;
-          overflow: hidden;
           white-space: nowrap;
         }
 

diff --git a/frontend/src/ts/elements/leaderboards.ts b/frontend/src/ts/elements/leaderboards.ts
@@ -21,6 +21,7 @@ import {
   LeaderboardRank,
 } from "@monkeytype/contracts/schemas/leaderboards";
 import { Mode } from "@monkeytype/contracts/schemas/shared";
+import * as TestStats from "../test/test-stats";
 
 const wrapperId = "leaderboardsWrapper";
 
@@ -973,4 +974,15 @@ $("header nav").on("click", ".textButton", (e) => {
   }
 });
 
+$(".pageTest").on("click", "#dailyLeaderboardRank", () => {
+  currentTimeRange = "daily";
+  updateYesterdayButton();
+  languageSelector?.enable();
+
+  currentLanguage = TestStats.lastResult.language;
+  languageSelector?.setSelected(currentLanguage);
+  void update();
+  show();
+});
+
 Skeleton.save(wrapperId);