In Dashboard Netzwerk-Informationen von neue Redux Slice holen systemSettings und opcuaSettings Slices

This commit is contained in:
ISA
2025-02-24 11:48:28 +01:00
parent 62f0305e3a
commit b5213e334a
2 changed files with 14 additions and 8 deletions

View File

@@ -6,23 +6,29 @@ import { RootState } from "../../../redux/store";
const NetworkInfo: React.FC = () => {
// Werte direkt aus Redux holen
const ip =
useSelector((state: RootState) => state.variables.ip) || "Unbekannt";
useSelector((state: RootState) => state.systemSettings.ip) || "Unbekannt";
const subnet =
useSelector((state: RootState) => state.variables.subnet) || "Unbekannt";
useSelector((state: RootState) => state.systemSettings.subnet) ||
"Unbekannt";
const gateway =
useSelector((state: RootState) => state.variables.gateway) || "Unbekannt";
useSelector((state: RootState) => state.systemSettings.gateway) ||
"Unbekannt";
const opcUaZustand =
useSelector((state: RootState) => state.variables.opcUaZustand) ||
useSelector((state: RootState) => state.opcuaSettings.opcUaZustand) ||
"Unbekannt";
const opcUaNodesetName =
useSelector((state: RootState) => state.variables.opcUaNodesetName) ||
useSelector((state: RootState) => state.opcuaSettings.opcUaNodesetName) ||
"Unbekannt";
return (
<div className="w-full flex-direction: row flex">
<div className=" flex-grow flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75 2xl:scale-y-75">
<div className="flex items-center space-x-4">
<img src="/images/IP-icon.svg" alt="IP Address" className="w-6" />
<img
src="/images/IP-icon.svg"
alt="IP Address"
className="w-6 text-littwin-blue"
/>
<div>
<p className="text-xs text-gray-500">IP-Adresse</p>
<p className="text-sm font-medium text-gray-700">{ip}</p>
@@ -50,7 +56,7 @@ const NetworkInfo: React.FC = () => {
</div>
<div className="flex items-center space-x-4">
<div className="text-xs font-bold text-blue-600">OPC-UA</div>
<div className="text-xs font-bold text-littwin-blue">OPC-UA</div>
<div>
<p className="text-xs text-gray-500">Status</p>
<p className="text-sm font-medium text-gray-700">{opcUaZustand}</p>

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/
const webVersion = "1.6.101";
const webVersion = "1.6.102";
export default webVersion;