diff --git a/projects/website/src/components/leaderboard/leaderboard-score.tsx b/projects/website/src/components/leaderboard/leaderboard-score.tsx index e3e0577..a077b5d 100644 --- a/projects/website/src/components/leaderboard/leaderboard-score.tsx +++ b/projects/website/src/components/leaderboard/leaderboard-score.tsx @@ -7,6 +7,7 @@ import Tooltip from "@/components/tooltip"; import { ScoreTimeSet } from "@/components/score/score-time-set"; import { ScoreModifiers } from "@/components/score/score-modifiers"; import ScoreSaberLeaderboard from "@ssr/common/leaderboard/impl/scoresaber-leaderboard"; +import ScoreMissesBadge from "@/components/score/badges/score-misses"; type Props = { /** @@ -52,11 +53,11 @@ export default function LeaderboardScore({ score, leaderboard, claimedPlayer }: {/* Score Misses */} 0 ? "text-red-500" : "text-green-500" )} > - {score.misses > 0 ? `${score.misses}x` : "FC"} + {/* Score PP */} @@ -74,7 +75,7 @@ export default function LeaderboardScore({ score, leaderboard, claimedPlayer }: } > -

+

diff --git a/projects/website/src/components/score/badges/full-combo.tsx b/projects/website/src/components/score/badges/score-misses.tsx similarity index 69% rename from projects/website/src/components/score/badges/full-combo.tsx rename to projects/website/src/components/score/badges/score-misses.tsx index 430c326..0c0e67a 100644 --- a/projects/website/src/components/score/badges/full-combo.tsx +++ b/projects/website/src/components/score/badges/score-misses.tsx @@ -4,7 +4,14 @@ import clsx from "clsx"; import Tooltip from "@/components/tooltip"; import { ScoreBadgeProps } from "@/components/score/badges/badge-props"; -export default function FullComboBadge({ score }: ScoreBadgeProps) { +type ScoreMissesBadgeProps = ScoreBadgeProps & { + /** + * Hide the "X" mark for misses. + */ + hideXMark?: boolean; +}; + +export default function ScoreMissesBadge({ score, hideXMark }: ScoreMissesBadgeProps) { return ( } > -
+

{score.fullCombo ? FC : formatNumberWithCommas(score.misses)}

- + {!hideXMark && }
); diff --git a/projects/website/src/components/score/score-stats.tsx b/projects/website/src/components/score/score-stats.tsx index 646023e..2d343ac 100644 --- a/projects/website/src/components/score/score-stats.tsx +++ b/projects/website/src/components/score/score-stats.tsx @@ -4,7 +4,7 @@ import Tooltip from "@/components/tooltip"; import { ScoreBadge, ScoreBadges } from "@/components/score/score-badge"; import ScoreSaberScore from "@ssr/common/score/impl/scoresaber-score"; import ScoreSaberLeaderboard from "@ssr/common/leaderboard/impl/scoresaber-leaderboard"; -import FullComboBadge from "@/components/score/badges/full-combo"; +import ScoreMissesBadge from "@/components/score/badges/score-misses"; import { Modifier } from "@ssr/common/score/modifier"; import { ScoreModifiers } from "@/components/score/score-modifiers"; @@ -106,7 +106,7 @@ const badges: ScoreBadge[] = [ { name: "Full Combo", create: (score: ScoreSaberScore) => { - return ; + return ; }, }, ];