bk

src/rooms/canvas/index.js

@@ -89,7 +89,7 @@ async function getPixelInfo(room, posX, posY) {
     const response = await authedAPIRequest(
         "/rooms/" + room + "/canvas/pixels",
         {
-            method: "POST",
+            method: "GET",
             headers: {
                 "Content-Type": "application/json",
             },

src/rooms/canvas/utils.js

@@ -6,6 +6,8 @@
 // - toggleTooltip (toggle the tooltip and display the pixel's information)
 
 import $ from "jquery";
+import { getPixelInfo } from "./index";
+import { room } from "../../pages/index";
 
 const canvasContainer = $("#canvas-container")?.[0];
 const canvas = $("#canvas")?.[0];
@@ -60,6 +62,10 @@ export const toggleTooltip = async (state = false) => {
     if (state) {
         // FIXME: You should implement or call a function to get the pixel's information
         // and display it. Make use of target.x and target.y to get the pixel's position.
+        const response = await getPixelInfo(room, target.x, target.y);
+        if (!response) {
+            return;
+        }
     }
 };
 

src/rooms/index.js

@@ -1,6 +1,7 @@
 import { authedAPIRequest } from "../utils/auth";
 import { subscribe } from "../utils/streams";
 import { resetValues } from "./canvas/utils";
+import { room } from "../pages/index"
 // FIXME: This file should handle the rooms API
 // Functions may include:
 // - fetchRoomConfig (get the configuration of a room)
@@ -19,7 +20,7 @@ function setCurrentRoomConfig(cfg) {
 }
 async function getCurrentRoomConfig() {
     if (!roomConfig) {
-        await fetchRoomConfig();
+        await fetchRoomConfig(room);
     }
 
     return roomConfig;