From d4dd9ccd74080c09e5ed3b0b8711644e9448cc3b Mon Sep 17 00:00:00 2001
From: Henry <98135968+Henry-Santa@users.noreply.github.com>
Date: Wed, 10 Dec 2025 13:33:15 -0500
Subject: [PATCH] UI Improvement: Add rank to stats modal in the lobby for
 clarity (#2562)

## Description:

This PR adds a rank column to the stats modal on the lobby page.

## Please complete the following:

- [X] I have added screenshots for all UI updates
- [X] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [X] I have added relevant tests to the test directory (N/A)
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

HardShellTurtle
<img width="2551" height="1258" alt="Screenshot 2025-12-04 232356"
src="https://github.com/user-attachments/assets/26665f3a-f9ee-44b7-a5ba-061c04101997"
/>
---
 resources/lang/en.json   | 3 ++-
 src/client/StatsModal.ts | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/lang/en.json b/resources/lang/en.json
index 8e7952a8d..396673a19 100644
--- a/resources/lang/en.json
+++ b/resources/lang/en.json
@@ -171,7 +171,8 @@
     "games": "Games",
     "win_score": "Win Score",
     "loss_score": "Loss Score",
-    "win_loss_ratio": "Win/Loss"
+    "win_loss_ratio": "Win/Loss",
+    "rank": "Rank"
   },
   "map": {
     "map": "Map",
diff --git a/src/client/StatsModal.ts b/src/client/StatsModal.ts
index b70607fce..1547eb404 100644
--- a/src/client/StatsModal.ts
+++ b/src/client/StatsModal.ts
@@ -134,6 +134,9 @@ export class StatsModal extends LitElement {
           <table class="min-w-full text-xs md:text-sm">
             <thead>
               <tr class="border-b border-gray-700 text-gray-300">
+                <th class="py-2 pr-3 text-left">
+                  ${translateText("stats_modal.rank")}
+                </th>
                 <th class="py-2 pr-3 text-left">
                   ${translateText("stats_modal.clan")}
                 </th>
@@ -153,8 +156,11 @@ export class StatsModal extends LitElement {
             </thead>
             <tbody>
               ${clans.map(
-                (clan) => html`
+                (clan, index) => html`
                   <tr class="border-b border-gray-800 last:border-b-0">
+                    <td class="py-2 pr-3 text-center">
+                      ${(index + 1).toLocaleString()}
+                    </td>
                     <td class="py-2 pr-3 font-semibold text-left">
                       ${clan.clanTag}
                     </td>