pieds

src/rooms/canvas/utils.js

@@ -7,7 +7,6 @@
 
 import $ from "jquery";
 import { getPixelInfo } from "./index";
-import { room } from "../../pages/index";
 
 const canvasContainer = $("#canvas-container")?.[0];
 const canvas = $("#canvas")?.[0];
@@ -60,12 +59,21 @@ export const toggleTooltip = async (state = false) => {
     tooltip.style.display = state ? "flex" : "none";
 
     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.
+        // Get pixel
+        const room = window.location.pathname.split("/")[1] || "epi-place";
         const response = await getPixelInfo(room, target.x, target.y);
+
         if (!response) {
             return;
         }
+
+        // Display
+        const date = new Date(response.timestamp * 1000);
+
+        document.getElementById("tooltip-date").innerText =
+            date.toLocaleDateString();
+        document.getElementById("tooltip-time").innerText =
+            date.toLocaleTimeString();
     }
 };