From ead53ecbd6570a2465ae8e42a7324d966639c13d Mon Sep 17 00:00:00 2001
From: Repr <reprdev1@gmail.com>
Date: Sun, 12 Apr 2026 11:02:26 -0400
Subject: [PATCH] feat(leaderboard): added page indicator

---
 .../src/ts/components/pages/leaderboard/Navigation.tsx   | 3 +++
 .../ts/components/pages/leaderboard/PageIndicator.tsx    | 9 +++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 frontend/src/ts/components/pages/leaderboard/PageIndicator.tsx

diff --git a/frontend/src/ts/components/pages/leaderboard/Navigation.tsx b/frontend/src/ts/components/pages/leaderboard/Navigation.tsx
index 67b6bca974df..b698ce1d8d57 100644
--- a/frontend/src/ts/components/pages/leaderboard/Navigation.tsx
+++ b/frontend/src/ts/components/pages/leaderboard/Navigation.tsx
@@ -5,6 +5,8 @@ import { showSimpleModal } from "../../../states/simple-modal";
 import { cn } from "../../../utils/cn";
 import { Button } from "../../common/Button";
 import { LoadingCircle } from "../../common/LoadingCircle";
+import { PageIndicator } from "./PageIndicator";
+
 export function Navigation(props: {
   lastPage: number;
   userPage?: number;
@@ -26,6 +28,7 @@ export function Navigation(props: {
       <Show when={props.isLoading}>
         <LoadingCircle color="sub" class="text-2xl" />
       </Show>
+      <PageIndicator currentPage={props.currentPage} />
       <Button
         onClick={() => props.onPageChange(0)}
         fa={{ icon: "fa-crown", fixedWidth: true }}
diff --git a/frontend/src/ts/components/pages/leaderboard/PageIndicator.tsx b/frontend/src/ts/components/pages/leaderboard/PageIndicator.tsx
new file mode 100644
index 000000000000..3ac18b952f68
--- /dev/null
+++ b/frontend/src/ts/components/pages/leaderboard/PageIndicator.tsx
@@ -0,0 +1,9 @@
+import { JSXElement } from "solid-js";
+
+export function PageIndicator(props: { currentPage: number }): JSXElement {
+  return (
+    <span class="inline-flex h-min appearance-none items-center justify-center gap-[0.5em] rounded border-0 p-[0.5em] text-center leading-[1.25] text-(--themable-button-text)">
+      Page {props.currentPage + 1}
+    </span>
+  );
+}