Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

add leaderboard page
All checks were successful
deploy / deploy (push) Successful in 56s
Details

Browse Source
This commit is contained in:
Lee
2023-10-28 18:00:11 +01:00
parent e3450e23b1
commit b9fd569196
14 changed files with 390 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/player/Score.tsx
View File

@ -15,7 +15,8 @@ import {
} from "@heroicons/react/20/solid";
import clsx from "clsx";
import Image from "next/image";
import HeadsetIcon from "../HeadsetIcon";
import Link from "next/link";
import HeadsetIcon from "../icons/HeadsetIcon";
import ScoreStatLabel from "./ScoreStatLabel";
type ScoreProps = {
@ -76,13 +77,20 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
</div>
</div>
{/* Song Info */}
<div className="w-fit truncate text-blue-500">
<p className="font-bold">{leaderboard.songName}</p>
<p className="text-blue-300">
{leaderboard.songAuthorName}{" "}
<span className="text-gray-200">{leaderboard.levelAuthorName}</span>
</p>
</div>
<Link
href={`/leaderboard/${leaderboard.id}/1`}
className="transform-gpu transition-all hover:opacity-70"
>
<div className="w-fit truncate text-blue-500">
<p className="font-bold">{leaderboard.songName}</p>
<p className="text-blue-300">
{leaderboard.songAuthorName}{" "}
<span className="text-gray-200">
{leaderboard.levelAuthorName}
</span>
</p>
</div>
</Link>
</div>
<div className="flex items-center justify-between p-1 md:items-start md:justify-end">