This commit is contained in:
parent
8a4ec7d153
commit
28d4d951bf
@ -10,6 +10,7 @@ import { formatDate, formatTimeAgo } from "@/utils/timeUtils";
|
|||||||
import {
|
import {
|
||||||
CheckIcon,
|
CheckIcon,
|
||||||
GlobeAsiaAustraliaIcon,
|
GlobeAsiaAustraliaIcon,
|
||||||
|
StarIcon,
|
||||||
XMarkIcon,
|
XMarkIcon,
|
||||||
} from "@heroicons/react/20/solid";
|
} from "@heroicons/react/20/solid";
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
@ -27,6 +28,11 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
|
|||||||
const diffName = scoresaberDifficultyNumberToName(
|
const diffName = scoresaberDifficultyNumberToName(
|
||||||
leaderboard.difficulty.difficulty,
|
leaderboard.difficulty.difficulty,
|
||||||
);
|
);
|
||||||
|
const diffNameShort = scoresaberDifficultyNumberToName(
|
||||||
|
leaderboard.difficulty.difficulty,
|
||||||
|
true,
|
||||||
|
);
|
||||||
|
const diffColor = songDifficultyToColor(diffName);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid grid-cols-1 pb-2 pt-2 first:pt-0 last:pb-0 md:grid-cols-[1.2fr_6fr_3fr] xl:grid-cols-[1fr_6fr_3fr]">
|
<div className="grid grid-cols-1 pb-2 pt-2 first:pt-0 last:pb-0 md:grid-cols-[1.2fr_6fr_3fr] xl:grid-cols-[1fr_6fr_3fr]">
|
||||||
@ -54,15 +60,19 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
|
|||||||
loading="lazy"
|
loading="lazy"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
className="absolute mt-9 cursor-default divide-x divide-y rounded-sm p-[1px] text-sm opacity-90"
|
className="absolute mt-9 cursor-default divide-y rounded-sm pl-[3px] pr-[3px] text-[0.8rem] opacity-90"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: songDifficultyToColor(diffName),
|
backgroundColor: diffColor,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<p className="text-white" title={diffName}>
|
<p className="text-white" title={diffName}>
|
||||||
{scoresaberDifficultyNumberToName(
|
{leaderboard.ranked ? (
|
||||||
leaderboard.difficulty.difficulty,
|
<div className="flex items-center justify-center gap-[2px]">
|
||||||
true,
|
<StarIcon width={13} height={13} />
|
||||||
|
{leaderboard.stars.toFixed(2)}
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
diffNameShort
|
||||||
)}
|
)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user