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

Compare commits

base: Fascinated:9979732cc648f160354006480ddbaaa9a7e71a10
Branches Tags
Fascinated:master
Fascinated:renovate/node-22.x
Fascinated:renovate/lucide-monorepo
Fascinated:custom-score-sorting
..
compare: Fascinated:24f49103645508af371033e412f7651ef08e9cfc
Branches Tags
Fascinated:master
Fascinated:renovate/node-22.x
Fascinated:renovate/lucide-monorepo
Fascinated:custom-score-sorting

2 Commits
9979732cc6 ... 24f4910364

Author SHA1 Message Date
Liam
24f4910364 Merge remote-tracking branch 'origin/master'
Some checks failed
Deploy Website / docker (ubuntu-latest) (push) Failing after 5s
Details
2024-10-29 21:43:45 +00:00
Liam
b4095e3bf6 update score feed page 2024-10-29 21:43:10 +00:00
1 changed files with 7 additions and 3 deletions
Show Stats 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}