Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

update score feed page

Browse Source
This commit is contained in:
Lee 2024-10-29 21:43:10 +00:00
parent a47cc3c7d8
commit b4095e3bf6
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/website/src/components/score/score-feed/score-feed.tsx
View File

@ -8,6 +8,7 @@ import useWebSocket, { ReadyState } from "react-use-websocket";
import { ScoreSaberWebsocketMessageToken } from "@ssr/common/types/token/scoresaber/websocket/scoresaber-websocket-message"; import { ScoreSaberWebsocketMessageToken } from "@ssr/common/types/token/scoresaber/websocket/scoresaber-websocket-message";
import Score from "@/components/score/score"; import Score from "@/components/score/score";
import { getScoreSaberLeaderboardFromToken, getScoreSaberScoreFromToken } from "@ssr/common/token-creators"; import { getScoreSaberLeaderboardFromToken, getScoreSaberScoreFromToken } from "@ssr/common/token-creators";
import { Avatar, AvatarImage } from "@/components/ui/avatar";
export default function ScoreFeed() { export default function ScoreFeed() {
const { readyState, lastJsonMessage } = useWebSocket<ScoreSaberWebsocketMessageToken>("wss://scoresaber.com/ws"); const { readyState, lastJsonMessage } = useWebSocket<ScoreSaberWebsocketMessageToken>("wss://scoresaber.com/ws");
@ -51,12 +52,15 @@ export default function ScoreFeed() {
return ( return (
<div key={score.scoreId} className="flex flex-col py-2"> <div key={score.scoreId} className="flex flex-col py-2">
<p className="text-sm"> <div className="flex flex-row gap-2 items-center">
Set by{" "} <Avatar className="w-6 h-6">
<AvatarImage src={player.profilePicture} />
</Avatar>
<Link href={`/player/${player.id}`}> <Link href={`/player/${player.id}`}>
<span className="text-ssr hover:brightness-[66%] transition-all transform-gpu">{player.name}</span> <span className="text-ssr hover:brightness-[66%] transition-all transform-gpu">{player.name}</span>
</Link> </Link>
</p> <p className="text-gray-400 text-xs"> on {scoreToken.score.deviceHmd}</p>
</div>
<Score <Score
score={score} score={score}
leaderboard={leaderboard} leaderboard={leaderboard}