From 664e497e8726dbee151d9703725e4bda8fcf5f36 Mon Sep 17 00:00:00 2001
From: Liam <67254223+RealFascinated@users.noreply.github.com>
Date: Sat, 29 Oct 2022 11:14:03 +0100
Subject: [PATCH] Fix number formatting

---
 src/components/PlayerStats.js | 22 +++++++++++++++++++---
 src/components/ScoreStats.js  |  7 ++++++-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/PlayerStats.js b/src/components/PlayerStats.js
index 4a7c4b0..ca3160c 100644
--- a/src/components/PlayerStats.js
+++ b/src/components/PlayerStats.js
@@ -46,7 +46,11 @@ const PlayerStats = () => {
 			</div>
 			<div className={styles.playerStats}>
 				<p>
-					{pp}pp{" "}
+					{pp.toLocaleString("en-us", {
+						maximumSignificantDigits: 2,
+						minimumSignificantDigits: 2,
+					})}
+					pp{" "}
 					<span
 						style={{
 							fontSize: "23px",
@@ -55,9 +59,21 @@ const PlayerStats = () => {
 						({leaderboardType})
 					</span>
 				</p>
-				<p>#{globalPos}</p>
+				<p>
+					#
+					{globalPos.toLocaleString("en-us", {
+						maximumSignificantDigits: 2,
+						minimumSignificantDigits: 2,
+					})}
+				</p>
 				<div className={styles.playerCountry}>
-					<p>#{countryRank}</p>
+					<p>
+						#
+						{countryRank.toLocaleString("en-us", {
+							maximumSignificantDigits: 2,
+							minimumSignificantDigits: 2,
+						})}
+					</p>
 					<ReactCountryFlag
 						className={styles.playerCountryIcon}
 						svg
diff --git a/src/components/ScoreStats.js b/src/components/ScoreStats.js
index eb7b649..b8ff533 100644
--- a/src/components/ScoreStats.js
+++ b/src/components/ScoreStats.js
@@ -26,7 +26,12 @@ export default function ScoreStats() {
 		<div className={styles.scoreStats}>
 			<div className={styles.scoreStatsInfo}>
 				<p>{percentage}</p>
-				<p>{currentScore.toLocaleString()}</p>
+				<p>
+					{currentScore.toLocaleString("en-us", {
+						maximumSignificantDigits: 2,
+						minimumSignificantDigits: 2,
+					})}
+				</p>
 				{currentPP !== undefined ? <p>{currentPP.toFixed(0)}pp</p> : null}
 			</div>
 			<p className={styles.scoreStatsAverageCut}>Average Cut</p>