manger

src/pages/index.js

@@ -19,8 +19,8 @@ await authenticate();
 // Sockets
 //
 let room = window.location.pathname.split("/")[1];
-const update_waitlist = [];
+let update_waitlist = []
-const initialized = false;
+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();
+        const obj = update_waitlist.pop()
-
+        if (obj)
-        if (obj) {
+            renderCanvasUpdate(obj.color, obj.posX, obj.posY)
-            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
+}

src/rooms/index.js

@@ -103,9 +103,9 @@ async function fetchRoomConfig(room) {
     setCurrentRoomConfig(res);
 
     // Update HTML
-    const roomNameElt = document.getElementById("room-name");
+    document.getElementById("room-name").innerText = res.metadata.name;
-
+    document.getElementById("room-description").innerText = res.metadata.description;
-    roomNameElt.innerText = res.metadata.name;
+    document.getElementById("room-description").style.display = "block";
 }
 
 export {