add diff hover to star count on a score

2023-10-29 18:48:51 +00:00 · 2023-10-29 18:48:51 +00:00 · 5447db55b8
commit 5447db55b8
parent 7999640f24
1 changed files with 14 additions and 4 deletions
--- 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>
            )}