From 5447db55b861b3672d03c37f5ce2f0a65e2547e8 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 29 Oct 2023 18:48:51 +0000
Subject: [PATCH] add diff hover to star count on a score

---
 src/components/player/Score.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/player/Score.tsx b/src/components/player/Score.tsx
index 0c443e2..f22b087 100644
--- a/src/components/player/Score.tsx
+++ b/src/components/player/Score.tsx
@@ -83,10 +83,20 @@ export default function Score({
             }}
           >
             {leaderboard.ranked ? (
-              <div className="flex items-center justify-center gap-[2px]">
-                <StarIcon width={13} height={13} />
-                {leaderboard.stars.toFixed(2)}
-              </div>
+              <Tooltip>
+                <TooltipTrigger>
+                  <div className="flex items-center justify-center gap-[2px]">
+                    <StarIcon width={13} height={13} />
+                    {leaderboard.stars.toFixed(2)}
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <div>
+                    <p className="font-bold">Difficulty</p>
+                    <p>{diffName}</p>
+                  </div>
+                </TooltipContent>
+              </Tooltip>
             ) : (
               <p>{diffName}</p>
             )}