Created the test area component

2026-05-11 22:50:24 -05:00 · 2022-04-09 23:17:57 +02:00
parent c307562d4c
commit de60d08d8e
1 changed files with 38 additions and 0 deletions
@@ -0,0 +1,38 @@
+import {useContext, useEffect, useState} from "react";
+import Speedtest from "./SpeedtestComponent";
+import {getIconBySpeed} from "../HelperFunctions";
+import {ConfigContext} from "../context/ConfigContext";
+
+function TestArea() {
+    const config = useContext(ConfigContext);
+    const [tests, setTests] = useState([]);
+
+    useEffect(() => {
+        let passwordHeaders = localStorage.getItem("password") ? {password: localStorage.getItem("password")} : {}
+        fetch("/api/speedtests", {headers: passwordHeaders})
+            .then(res => res.json())
+            .then(tests => setTests(tests));
+    }, [setTests]);
+
+    if (Object.entries(config).length === 0) return (<></>)
+
+    return (
+        <div className="individual-area">
+            <div className="speedtests">
+                {tests.map ? tests.map(test => {
+                    let date = new Date(Date.parse(test.created));
+                    let timeString = String(date.getHours()).padStart(2, '0') + ":" + String(date.getMinutes()).padStart(2, '0');
+                    return <Speedtest time={timeString}
+                                      ping={test.ping} pingLevel={getIconBySpeed(test.ping, config.ping, false)}
+                                      down={test.download}
+                                      downLevel={getIconBySpeed(test.download, config.download, true)}
+                                      up={test.upload} upLevel={getIconBySpeed(test.upload, config.upload, true)}
+                                      key={test.id}
+                    />
+                }) : ""}
+            </div>
+        </div>
+    );
+}
+
+export default TestArea;