feat(multi): display time for each player in round results

This commit is contained in:
jessy-david-dev
2026-04-13 15:59:34 +02:00
parent 7423bfc389
commit ddf24e5714
+12 -1
View File
@@ -51,6 +51,13 @@ export function GameScreen({
}: GameScreenProps) { }: GameScreenProps) {
const breadcrumbEndRef = useRef<HTMLDivElement>(null); const breadcrumbEndRef = useRef<HTMLDivElement>(null);
useCtrlFBlock(room.searchAllowed); useCtrlFBlock(room.searchAllowed);
function fmtMs(ms: number): string {
const s = Math.floor(ms / 1000);
const m = Math.floor(s / 60);
const sec = s % 60;
return m > 0 ? `${m}:${String(sec).padStart(2, "0")}` : `${sec}s`;
}
const myPlayer = room.players.find((p) => p.id === playerId); const myPlayer = room.players.find((p) => p.id === playerId);
const isHost = myPlayer?.isHost ?? false; const isHost = myPlayer?.isHost ?? false;
const myFinished = myPlayer?.hasWon || myPlayer?.hasSurrendered; const myFinished = myPlayer?.hasWon || myPlayer?.hasSurrendered;
@@ -151,7 +158,11 @@ export function GameScreen({
))} ))}
<span className="text-[#555] ml-1"> <span className="text-[#555] ml-1">
({p.path.length - 1} clic ({p.path.length - 1} clic
{p.path.length - 1 > 1 ? "s" : ""}) {p.path.length - 1 > 1 ? "s" : ""}
{p.hasWon && p.wonAt && room.roundStart
? ` · ${fmtMs(p.wonAt - room.roundStart)}`
: ""}
)
</span> </span>
</div> </div>
)} )}