From b3ad0d413d212005f2e2696bd312ad51f0dea9ee Mon Sep 17 00:00:00 2001
From: Liam
Date: Sat, 21 Oct 2023 02:24:47 +0100
Subject: [PATCH] made the score info boxes a grid (still need work)
---
src/components/Score.tsx | 20 ++++++++++++++++++--
src/components/ScoreStatLabel.tsx | 13 +++++++++++--
2 files changed, 29 insertions(+), 4 deletions(-)
diff --git a/src/components/Score.tsx b/src/components/Score.tsx
index f270b49..114c4b0 100644
--- a/src/components/Score.tsx
+++ b/src/components/Score.tsx
@@ -23,6 +23,7 @@ export default function Score({ score, leaderboard }: ScoreProps) {
{moment(score.timeSet).fromNow()}
+ {/* Song Image */}
+ {/* Song Info */}
{leaderboard.songName}
@@ -41,10 +43,13 @@ export default function Score({ score, leaderboard }: ScoreProps) {
+ {/* Score rank */}
+
+ {/* Time Set (Mobile) */}
{" "}
@@ -52,13 +57,17 @@ export default function Score({ score, leaderboard }: ScoreProps) {
-
+
+ {/* PP */}
+
{score.pp > 0 && (
)}
+
+ {/* Percentage score */}
+
+ {/* Missed Notes */}
+
diff --git a/src/components/ScoreStatLabel.tsx b/src/components/ScoreStatLabel.tsx
index d9e2996..55962bf 100644
--- a/src/components/ScoreStatLabel.tsx
+++ b/src/components/ScoreStatLabel.tsx
@@ -2,17 +2,26 @@ import clsx from "clsx";
type LabelProps = {
value: string;
+ title?: string;
className?: string;
};
export default function ScoreStatLabel({
value,
+ title,
className = "bg-neutral-700",
}: LabelProps) {
return (
-