From 9e73ff3937da03258524c0bd5df1b6eecc9546dd Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Mon, 27 Nov 2023 01:03:27 +0000
Subject: [PATCH] always show country flags in ranking pages

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

diff --git a/src/components/GlobalRanking.tsx b/src/components/GlobalRanking.tsx
index c00c35c..a6ed41d 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 == undefined ? false : true}
+                      isCountry={country == undefined ? false : true}
                       player={player}
                     />
                   </tr>
diff --git a/src/components/player/PlayerRanking.tsx b/src/components/player/PlayerRanking.tsx
index e67dda9..ad92ea2 100644
--- a/src/components/player/PlayerRanking.tsx
+++ b/src/components/player/PlayerRanking.tsx
@@ -8,30 +8,26 @@ import CountyFlag from "../CountryFlag";
 
 type PlayerRankingProps = {
   player: ScoresaberPlayer;
-  showCountryFlag?: boolean;
+  isCountry?: boolean;
 };
 
 const Avatar = dynamic(() => import("@/components/Avatar"));
 
 export default function PlayerRanking({
   player,
-  showCountryFlag,
+  isCountry,
 }: PlayerRankingProps) {
   const settingsStore = useStore(useSettingsStore, (store) => store);
 
   return (
     <>
       <td className="px-4 py-2">
-        #{formatNumber(showCountryFlag ? player.countryRank : player.rank)}{" "}
-        <span className="text-sm">
-          {showCountryFlag && "(#" + player.rank + ")"}
-        </span>
+        #{formatNumber(isCountry ? player.countryRank : player.rank)}{" "}
+        <span className="text-sm">{isCountry && "(#" + player.rank + ")"}</span>
       </td>
       <td className="flex items-center gap-2 px-4 py-2">
         <Avatar url={player.profilePicture} label="Avatar" size={24} />
-        {showCountryFlag && (
-          <CountyFlag countryCode={player.country} className="!h-5 !w-5" />
-        )}
+        <CountyFlag countryCode={player.country} className="!h-5 !w-5" />
         <Link
           className="transform-gpu transition-all hover:text-blue-500"
           href={`/player/${player.id}/top/1`}