Fascinated/scoresaber-reloadedv3
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

add tooltip to missed notes
All checks were successful
Deploy / deploy (push) Successful in 4m29s
Details

Browse Source
This commit is contained in:
Lee 2024-10-03 18:42:22 +01:00
parent df30a4ecf0
commit 8c12b6c521
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/score/score-stats.tsx
View File

@ -88,10 +88,31 @@ const badges: ScoreBadge[] = [
name: "Full Combo", name: "Full Combo",
create: (score: ScoreSaberScoreToken) => { create: (score: ScoreSaberScoreToken) => {
return ( return (
<> <Tooltip
<p>{score.fullCombo ? <span className="text-green-400">FC</span> : formatNumberWithCommas(score.missedNotes + score.badCuts)}</p> display={
<XMarkIcon className={clsx("w-5 h-5", score.fullCombo ? "hidden" : "text-red-400")} /> <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>
); );
}, },
}, },