From d8069076043286bde2402f858aa55e1599107584 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 20 Oct 2024 13:49:14 +0100
Subject: [PATCH] update score badge tooltips

---
 .../website/src/components/score/badges/full-combo.tsx     | 3 ++-
 projects/website/src/components/score/score-stats.tsx      | 7 +++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/projects/website/src/components/score/badges/full-combo.tsx b/projects/website/src/components/score/badges/full-combo.tsx
index 48cb21a..430c326 100644
--- a/projects/website/src/components/score/badges/full-combo.tsx
+++ b/projects/website/src/components/score/badges/full-combo.tsx
@@ -8,9 +8,10 @@ export default function FullComboBadge({ score }: ScoreBadgeProps) {
   return (
     <Tooltip
       display={
-        <div className="flex flex-col justify-center items-center">
+        <div className="flex flex-col">
           {!score.fullCombo ? (
             <>
+              <p className="font-semibold">Misses</p>
               <p>Missed Notes: {formatNumberWithCommas(score.missedNotes)}</p>
               <p>Bad Cuts: {formatNumberWithCommas(score.badCuts)}</p>
             </>
diff --git a/projects/website/src/components/score/score-stats.tsx b/projects/website/src/components/score/score-stats.tsx
index 6475b6b..646023e 100644
--- a/projects/website/src/components/score/score-stats.tsx
+++ b/projects/website/src/components/score/score-stats.tsx
@@ -27,6 +27,8 @@ const badges: ScoreBadge[] = [
           <Tooltip
             display={
               <div>
+                <p className="font-semibold">Performance Points</p>
+                <p>Raw: {formatPp(pp)}pp</p>
                 <p>
                   Weighted: {formatPp(weightedPp)}pp ({(100 * weight).toFixed(2)}%)
                 </p>
@@ -48,7 +50,7 @@ const badges: ScoreBadge[] = [
     create: (score: ScoreSaberScore, leaderboard: ScoreSaberLeaderboard) => {
       const acc = (score.score / leaderboard.maxScore) * 100;
       const scoreBadge = getScoreBadgeFromAccuracy(acc);
-      let accDetails = `Accuracy ${scoreBadge.name != "-" ? scoreBadge.name : ""}`;
+      let accDetails = `${scoreBadge.name != "-" ? scoreBadge.name : ""}`;
       if (scoreBadge.max == null) {
         accDetails += ` (> ${scoreBadge.min}%)`;
       } else if (scoreBadge.min == null) {
@@ -65,8 +67,8 @@ const badges: ScoreBadge[] = [
             display={
               <div className="flex flex-col gap-2">
                 <div>
+                  <p className="font-semibold">Accuracy</p>
                   <p>{accDetails}</p>
-                  {failed && <p className="text-red-500">Failed</p>}
                 </div>
 
                 {modCount > 0 && (
@@ -75,6 +77,7 @@ const badges: ScoreBadge[] = [
                     <ScoreModifiers type="full" score={score} />
                   </div>
                 )}
+                {failed && <p className="text-red-500">Failed</p>}
               </div>
             }
           >