From 8c12b6c5215c2526f3e3d1d196b1be598b0862e8 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 3 Oct 2024 18:42:22 +0100
Subject: [PATCH] add tooltip to missed notes

---
 src/components/score/score-stats.tsx | 29 ++++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/score/score-stats.tsx b/src/components/score/score-stats.tsx
index 3aed18e..49c8e14 100644
--- a/src/components/score/score-stats.tsx
+++ b/src/components/score/score-stats.tsx
@@ -88,10 +88,31 @@ const badges: ScoreBadge[] = [
     name: "Full Combo",
     create: (score: ScoreSaberScoreToken) => {
       return (
-        <>
-          <p>{score.fullCombo ? <span className="text-green-400">FC</span> : formatNumberWithCommas(score.missedNotes + score.badCuts)}</p>
-          <XMarkIcon className={clsx("w-5 h-5", score.fullCombo ? "hidden" : "text-red-400")} />
-        </>
+        <Tooltip
+          display={
+            <div className="flex flex-col justify-center items-center">
+              {!score.fullCombo ? (
+                <>
+                  <p>Missed Notes: {formatNumberWithCommas(score.missedNotes)}</p>
+                  <p>Bad Cuts: {formatNumberWithCommas(score.badCuts)}</p>
+                </>
+              ) : (
+                <p>Full Combo</p>
+              )}
+            </div>
+          }
+        >
+          <div className="flex gap-1">
+            <p>
+              {score.fullCombo ? (
+                <span className="text-green-400">FC</span>
+              ) : (
+                formatNumberWithCommas(score.missedNotes + score.badCuts)
+              )}
+            </p>
+            <XMarkIcon className={clsx("w-5 h-5", score.fullCombo ? "hidden" : "text-red-400")} />
+          </div>
+        </Tooltip>
       );
     },
   },