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

show rank in search
All checks were successful
deploy / deploy (push) Successful in 43s
Details

Browse Source
This commit is contained in:
Lee 2023-10-20 12:09:27 +01:00
parent 9b85521964
commit 5452dafa15
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/SearchPlayer.tsx
View File

@ -1,6 +1,7 @@
"use client"; "use client";
import { ScoresaberPlayer } from "@/schemas/scoresaber/player"; import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
import { formatNumber } from "@/utils/number";
import { searchByName } from "@/utils/scoresaber/api"; import { searchByName } from "@/utils/scoresaber/api";
import { MagnifyingGlassIcon } from "@heroicons/react/20/solid"; import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
import clsx from "clsx"; import clsx from "clsx";
@ -63,7 +64,12 @@ export default function SearchPlayer() {
> >
<Avatar label="Account" size={40} url={player.profilePicture} /> <Avatar label="Account" size={40} url={player.profilePicture} />
<p className="truncate">{player.name}</p> <div>
<p className="text-xs text-gray-400">
#{formatNumber(player.rank)}
</p>
<p className="text-sm">{player.name}</p>
</div>
</a> </a>
))} ))}
</div> </div>