test(frontend): test graph

smarthome/src/Pages/testing.tsx

@@ -1,10 +1,31 @@
+import { useEffect, useState } from "react";
+
 import Mic from "../Components/Mic";
+import RealTimeGraph from "../Components/Sensor/RealTimeGraph";
+import { backendURL } from "../Utils/getENV";
+const Testing = () => {
+    const [sensorIds, setSensorIds] = useState<string[]>([]);
 
+    useEffect(() => {
+        const fetchSensorIds = async () => {
+            try {
+                const response = await fetch(`${backendURL}/sensor/ids`);
+                const data: string[] = await response.json();
+                setSensorIds(data);
+            } catch (error) {
+                console.error("Error fetching sensor IDs:", error);
+            }
+        };
+
+        fetchSensorIds();
+    }, []);
 
-const Testing = () => {
     return (
         <>
             <Mic />
+            {sensorIds.map((sensorId) => (
+                <RealTimeGraph key={sensorId} sensorId={sensorId} />
+            ))}
         </>
     );
 };