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"
/>
This commit is contained in:
Henry
2025-12-10 13:33:15 -05:00
committed by GitHub
parent 121e45d5d2
commit d4dd9ccd74
2 changed files with 9 additions and 2 deletions
+2 -1
View File
@@ -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",
+7 -1
View File
@@ -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>