added number formatting to some values
All checks were successful
deploy / deploy (push) Successful in 55s

This commit is contained in:
Lee 2023-10-23 11:39:48 +01:00
parent 3a2dbe6423
commit 6c9554f9a0
3 changed files with 6 additions and 6 deletions

@ -22,10 +22,10 @@ export async function generateMetadata({
const description = ` const description = `
View ${player.name}'s scores, top plays, and more. View ${player.name}'s scores, top plays, and more.
Rank: #${player.rank} (#${formatNumber( Rank: #${formatNumber(player.rank)} (#${formatNumber(
player.countryRank, player.countryRank,
)} - ${normalizedRegionName(player.country)}) )} - ${normalizedRegionName(player.country)})
PP: ${player.pp} PP: ${formatNumber(player.pp)}
Play Count: ${formatNumber(player.scoreStats.totalPlayCount)}`; Play Count: ${formatNumber(player.scoreStats.totalPlayCount)}`;
return { return {

@ -171,7 +171,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
playerData.rank / 50, playerData.rank / 50,
)}`} )}`}
> >
<p>#{playerData.rank}</p> <p>#{formatNumber(playerData.rank)}</p>
</a> </a>
</div> </div>
@ -188,7 +188,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
svg svg
className="!h-7 !w-7" className="!h-7 !w-7"
/> />
<p>#{playerData.countryRank}</p> <p>#{formatNumber(playerData.countryRank)}</p>
</a> </a>
</div> </div>

@ -26,7 +26,7 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
<div className="ml-3 flex flex-col items-start justify-center"> <div className="ml-3 flex flex-col items-start justify-center">
<div className="hidden w-fit flex-row items-center justify-start gap-1 md:flex"> <div className="hidden w-fit flex-row items-center justify-start gap-1 md:flex">
<GlobeAsiaAustraliaIcon width={20} height={20} /> <GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{score.rank}</p> <p>#{formatNumber(score.rank)}</p>
</div> </div>
<p <p
className="hidden text-sm text-gray-200 md:block" className="hidden text-sm text-gray-200 md:block"
@ -58,7 +58,7 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
{/* Score rank */} {/* Score rank */}
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<GlobeAsiaAustraliaIcon width={20} height={20} /> <GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{score.rank}</p> <p>#{formatNumber(score.rank)}</p>
</div> </div>
{/* Time Set (Mobile) */} {/* Time Set (Mobile) */}