From 51963cd1d9fccb39ffa76523aa74f83d609ecbca Mon Sep 17 00:00:00 2001
From: Starknet Dev <starknetdev@gmail.com>
Date: Wed, 11 Sep 2024 09:58:43 -0400
Subject: [PATCH] fix styles on leaderboard

---
 .../CollectionsLeaderboardScreen.tsx          | 34 +++----------------
 1 file changed, 4 insertions(+), 30 deletions(-)

diff --git a/ui/src/app/containers/CollectionsLeaderboardScreen.tsx b/ui/src/app/containers/CollectionsLeaderboardScreen.tsx
index 71339b107..df68f5aa9 100644
--- a/ui/src/app/containers/CollectionsLeaderboardScreen.tsx
+++ b/ui/src/app/containers/CollectionsLeaderboardScreen.tsx
@@ -114,19 +114,7 @@ const ScoreGraph: React.FC<ScoreGraphProps> = ({
                         (score.gamesPlayed / maxGamesPlayable) * 100
                       }%`,
                     }}
-                  >
-                    {score.gamesPlayed > 0 && (
-                      <span
-                        className={`text-xl absolute left-1/2 transform -translate-x-1/2 ${
-                          (score.gamesPlayed / maxGamesPlayable) * 100 <= 50
-                            ? "bottom-full"
-                            : "top-0"
-                        }`}
-                      >{`${Math.round(
-                        (score.gamesPlayed / maxGamesPlayable) * 100
-                      )}%`}</span>
-                    )}
-                  </div>
+                  />
                   {score.xp > 0 && (
                     <span className="text-xl absolute top-0 left-0 right-0">
                       {formatXP(score.xp)} XP
@@ -160,26 +148,12 @@ const ScoreGraph: React.FC<ScoreGraphProps> = ({
                     style={{
                       width: `${(score.gamesPlayed / maxGamesPlayable) * 100}%`,
                     }}
-                  >
-                    {score.gamesPlayed > 0 && (
-                      <span
-                        className={`text-xl absolute top-1/2 transform -translate-y-1/2 ${
-                          (score.xp / maxTotalXP) * 100 <= 10 && "hidden"
-                        } ${
-                          (score.gamesPlayed / maxGamesPlayable) * 100 <= 50
-                            ? "left-full"
-                            : "right-0"
-                        }`}
-                      >{`${Math.round(
-                        (score.gamesPlayed / maxGamesPlayable) * 100
-                      )}%`}</span>
-                    )}
-                  </div>
+                  />
                   {score.xp > 0 && (
                     <span
                       className={`text-xl absolute right-1 top-1/2 transform -translate-y-1/2 ${
-                        (score.xp / maxTotalXP) * 100 <= 90
-                          ? "right-[-20px] text-terminal-green"
+                        (score.xp / maxTotalXP) * 100 <= 30
+                          ? "right-[-40px] text-terminal-green"
                           : ""
                       }`}
                     >