non mais srx

src/pages/index.js

@@ -19,7 +19,7 @@ await authenticate();
 // Sockets
 //
 let room = window.location.pathname.split("/")[1];
-let update_waitlist = []
+const update_waitlist = [];
 let initialized = false;
 
 if (!room) {
@@ -53,11 +53,15 @@ socket.on("message", async (response) => {
     }
 
     initCanvas(await getCurrentRoomConfig(room), pixels);
+    initialized = true;
     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");
 });
 
@@ -79,9 +83,10 @@ socket.on("pixel-update", async (msg) => {
     } = msg.result.data.json;
 
     if (!initialized) {
-        update_waitlist.push({posX, posY, color})
+        update_waitlist.push({ posX, posY, color });
         return;
     }
+
     renderCanvasUpdate(color, posX, posY);
 });
 
@@ -103,6 +108,4 @@ placeButtonElt.addEventListener("click", () => {
     placePixelButton();
 });
 
-export {
-    room
-}
+export { room };

src/rooms/index.js

@@ -104,7 +104,8 @@ async function fetchRoomConfig(room) {
 
     // Update HTML
     document.getElementById("room-name").innerText = res.metadata.name;
-    document.getElementById("room-description").innerText = res.metadata.description;
+    document.getElementById("room-description").innerText =
+        res.metadata.description;
     document.getElementById("room-description").style.display = "block";
 }