diff --git a/components/main/uebersicht/last20MessagesTable/Last20MessagesTable.tsx b/components/main/uebersicht/Last20MessagesTable.tsx similarity index 100% rename from components/main/uebersicht/last20MessagesTable/Last20MessagesTable.tsx rename to components/main/uebersicht/Last20MessagesTable.tsx diff --git a/components/main/uebersicht/NetworkInfo.tsx b/components/main/uebersicht/NetworkInfo.tsx new file mode 100644 index 0000000..3bc4a7a --- /dev/null +++ b/components/main/uebersicht/NetworkInfo.tsx @@ -0,0 +1,73 @@ +"use client"; +import React from "react"; +import { useSelector } from "react-redux"; +import { RootState } from "../../../redux/store"; + +const NetworkInfo: React.FC = () => { + // Werte direkt aus Redux holen + const ip = + useSelector((state: RootState) => state.variables.ip) || "Unbekannt"; + const subnet = + useSelector((state: RootState) => state.variables.subnet) || "Unbekannt"; + const gateway = + useSelector((state: RootState) => state.variables.gateway) || "Unbekannt"; + const opcUaZustand = + useSelector((state: RootState) => state.variables.opcUaZustand) || + "Unbekannt"; + const opcUaNodesetName = + useSelector((state: RootState) => state.variables.opcUaNodesetName) || + "Unbekannt"; + + return ( +
IP-Adresse
+{ip}
+Subnet-Maske
+{subnet}
+Gateway
+{gateway}
+Status
+{opcUaZustand}
+Nodeset Name
++ {opcUaNodesetName} +
+IP-Adresse
-{ip}
-Subnet-Maske
-{subnet}
-Gateway
-{gateway}
-Status
-{opcUaZustand}
-Nodeset Name
-- {opcUaNodesetName} -
-