WebsiteProjects/ToneGuessr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix display bug

Browse Source
This commit is contained in:
Mathias Wagner 2025-03-01 17:22:59 +01:00
parent 2ea81493ba
commit 7996905f30
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/pages/WaitingRoom/WaitingRoom.jsx
View File

@ -104,6 +104,10 @@ export const WaitingRoom = () => {
});
};
const handleRoomJoined = (code) => {
setRoomCode(code);
};
const cleanupHostStatus = on("host-status", handleHostStatus);
const cleanupUserInfo = on("user-info", handleUserInfo);
const cleanupRoomUsers = on("room-users", handleRoomUsers);
@ -115,6 +119,7 @@ export const WaitingRoom = () => {
const cleanupGameStarted = on("game-started", handleGameStarted);
const cleanupPlaylistOptions = on("playlist-options", handlePlaylistOptions);
const cleanupVotesUpdated = on("playlist-votes-updated", handleVotesUpdated);
const cleanupRoomJoined = on("room-joined", handleRoomJoined);
setMessages([{
system: true,
@ -133,6 +138,7 @@ export const WaitingRoom = () => {
cleanupGameStarted();
cleanupPlaylistOptions();
cleanupVotesUpdated();
cleanupRoomJoined();
};
}, [on, send, socket, setCurrentState]);
@ -240,13 +246,15 @@ export const WaitingRoom = () => {
<span>Zurück zur Startseite</span>
</button>
<h1>Warteraum</h1>
<div className="room-code-container">
<div className="room-code" onClick={copyRoomCode}>
Code: <span className="code">{roomCode}</span>
<FontAwesomeIcon icon={copied ? faCheck : faCopy} className={copied ? "copied" : ""} />
{roomCode && (
<div className="room-code-container">
<div className="room-code" onClick={copyRoomCode}>
Code: <span className="code">{roomCode}</span>
<FontAwesomeIcon icon={copied ? faCheck : faCopy} className={copied ? "copied" : ""} />
</div>
<div className="copy-hint">{copied ? "Kopiert!" : "Klicken zum Kopieren"}</div>
</div>
<div className="copy-hint">{copied ? "Kopiert!" : "Klicken zum Kopieren"}</div>
</div>
)}
</div>
<div className="waiting-room-layout">