Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

update how player ranks are shown in countries
All checks were successful
deploy / deploy (push) Successful in 1m13s
Details

Browse Source
This commit is contained in:
Lee 2023-11-27 00:57:57 +00:00
parent d769b0d15e
commit 3b7f458d5c
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/GlobalRanking.tsx
View File

@ -57,7 +57,7 @@ export default function GlobalRanking({
{players.map((player) => ( {players.map((player) => (
<tr key={player.rank} className="border-b border-border"> <tr key={player.rank} className="border-b border-border">
<PlayerRanking <PlayerRanking
showCountryFlag={country ? false : true} showCountryFlag={country == undefined ? false : true}
player={player} player={player}
/> />
</tr> </tr>

7
src/components/player/PlayerRanking.tsx
View File

@ -21,7 +21,12 @@ export default function PlayerRanking({
return ( 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"> <td className="flex items-center gap-2 px-4 py-2">
<Avatar url={player.profilePicture} label="Avatar" size={24} /> <Avatar url={player.profilePicture} label="Avatar" size={24} />
{showCountryFlag && ( {showCountryFlag && (