deviceName in Header und Daten in dashboard Tabelle

components/Header.jsx

@@ -1,4 +1,4 @@
-"use client";
+"use client"; // components/Header.jsx
 import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import "bootstrap-icons/font/bootstrap-icons.css";
@@ -9,7 +9,9 @@ function Header() {
 
   useEffect(() => {
     // API-Aufruf, um die Daten vom Server zu holen
-    fetch("http://localhost:3000/api/server?path=main.js", { mode: "cors" })
+    fetch("http://localhost:3000/api/server?last20Messages.acp", {
+      mode: "cors",
+    })
       .then((response) => {
         if (!response.ok) {
           throw new Error("Fehler beim Abrufen der Daten");
@@ -35,7 +37,7 @@ function Header() {
 
         // Nach dem Anhängen des Skripts haben wir Zugriff auf die definierten Variablen
         setTimeout(() => {
-          setStationsname(window.cpl_name || "Unbekannt");
+          setStationsname(window.deviceName || "Unbekannt");
           setCplStatus(window.hardware_version || "Unbekannt");
         }, 100); // 100ms Verzögerung, um sicherzustellen, dass die Variablen geladen sind.
       })