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

add button to go to page in global ranking and make name closer to player info
All checks were successful
deploy / deploy (push) Successful in 57s
Details

Browse Source
This commit is contained in:
Lee 2023-10-22 06:10:43 +01:00
parent 76c6ac6acd
commit cff29d1c14
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/player/PlayerInfo.tsx
View File

@ -126,13 +126,21 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
</div> </div>
<div className="mt-1 flex w-full flex-col items-center gap-2 md:items-start"> <div className="mt-1 flex w-full flex-col items-center gap-2 md:items-start">
{/* Name */} {/* Name */}
<p className="text-2xl">{playerData.name}</p> <p className="text-2xl leading-none">{playerData.name}</p>
<div className="flex gap-3 text-xl"> <div className="flex items-center gap-3 text-xl">
{/* Global Rank */} {/* Global Rank */}
<div className="flex items-center gap-1 text-gray-300"> <div className="flex items-center gap-1 text-gray-300">
<GlobeAsiaAustraliaIcon width={32} height={32} /> <GlobeAsiaAustraliaIcon width={32} height={32} />
<a
className="flex transform-gpu items-center gap-1 transition-all hover:text-blue-500"
href={`/ranking/global/?page=${Math.round(
playerData.rank / 50,
)}`}
>
<p>#{playerData.rank}</p> <p>#{playerData.rank}</p>
</a>
</div> </div>
{/* Country Rank */} {/* Country Rank */}