From 3b7f458d5ce069a56b56e28052929cac70fe6fc1 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Mon, 27 Nov 2023 00:57:57 +0000
Subject: [PATCH] update how player ranks are shown in countries

---
 src/components/GlobalRanking.tsx        | 2 +-
 src/components/player/PlayerRanking.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/GlobalRanking.tsx b/src/components/GlobalRanking.tsx
index 973a4a7..c00c35c 100644
--- a/src/components/GlobalRanking.tsx
+++ b/src/components/GlobalRanking.tsx
@@ -57,7 +57,7 @@ export default function GlobalRanking({
                 {players.map((player) => (
                   <tr key={player.rank} className="border-b border-border">
                     <PlayerRanking
-                      showCountryFlag={country ? false : true}
+                      showCountryFlag={country == undefined ? false : true}
                       player={player}
                     />
                   </tr>
diff --git a/src/components/player/PlayerRanking.tsx b/src/components/player/PlayerRanking.tsx
index 2e83be6..e67dda9 100644
--- a/src/components/player/PlayerRanking.tsx
+++ b/src/components/player/PlayerRanking.tsx
@@ -21,7 +21,12 @@ export default function PlayerRanking({
 
   return (
     <>
-      <td className="px-4 py-2">#{formatNumber(player.rank)}</td>
+      <td className="px-4 py-2">
+        #{formatNumber(showCountryFlag ? player.countryRank : player.rank)}{" "}
+        <span className="text-sm">
+          {showCountryFlag && "(#" + player.rank + ")"}
+        </span>
+      </td>
       <td className="flex items-center gap-2 px-4 py-2">
         <Avatar url={player.profilePicture} label="Avatar" size={24} />
         {showCountryFlag && (