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;
+        }
     }
 };