diff --git a/src/pages/index.js b/src/pages/index.js index fde38e0..403ad60 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -19,8 +19,8 @@ await authenticate(); // Sockets // let room = window.location.pathname.split("/")[1]; -const update_waitlist = []; -const initialized = false; +let update_waitlist = [] +let initialized = false; if (!room) { room = "epi-place"; @@ -54,13 +54,10 @@ socket.on("message", async (response) => { initCanvas(await getCurrentRoomConfig(room), pixels); while (update_waitlist.length > 0) { - const obj = update_waitlist.pop(); - - if (obj) { - renderCanvasUpdate(obj.color, obj.posX, obj.posY); - } + const obj = update_waitlist.pop() + if (obj) + renderCanvasUpdate(obj.color, obj.posX, obj.posY) } - console.debug("Loaded canvas"); }); @@ -81,21 +78,10 @@ socket.on("pixel-update", async (msg) => { color, } = msg.result.data.json; - const cfg = await getCurrentRoomConfig(room); - - if (!cfg || !cfg.settings || !cfg.settings.roomColors) { - console.error( - "Internal error: Cannot access config after retrieving it", - ); - console.debug(cfg); - return; - } - if (!initialized) { - update_waitlist.push({ posX, posY, color }); + update_waitlist.push({posX, posY, color}) return; } - renderCanvasUpdate(color, posX, posY); }); @@ -117,4 +103,6 @@ placeButtonElt.addEventListener("click", () => { placePixelButton(); }); -export { room }; +export { + room +} diff --git a/src/rooms/index.js b/src/rooms/index.js index 784ddf4..1643d41 100644 --- a/src/rooms/index.js +++ b/src/rooms/index.js @@ -103,9 +103,9 @@ async function fetchRoomConfig(room) { setCurrentRoomConfig(res); // Update HTML - const roomNameElt = document.getElementById("room-name"); - - roomNameElt.innerText = res.metadata.name; + document.getElementById("room-name").innerText = res.metadata.name; + document.getElementById("room-description").innerText = res.metadata.description; + document.getElementById("room-description").style.display = "block"; } export {