feat: fetchKueData mit vollständiger Extraktion aus kueData.js ersetzt loadWindowVariables

- Dynamisches Laden von kueData.js nur bei Bedarf
- Alle benötigten Variablen wie kueAlarm1, kueCableBreak etc. extrahiert
- Fehleranzeige in KabelModulStatus funktioniert wieder korrekt
- loadWindowVariables.ts für KUE vollständig ersetzt
This commit is contained in:
ISA
2025-03-26 15:37:11 +01:00
parent 9e282c9ae5
commit c8619f96de
7 changed files with 104 additions and 176 deletions

View File

@@ -1,11 +1,13 @@
"use client"; // components/main/uebersicht/Baugruppentraeger.tsx
import React, { useMemo } from "react";
import React, { useMemo, useEffect } from "react";
import { useSelector } from "react-redux";
import { useRouter } from "next/navigation";
import { RootState } from "../../../redux/store";
import { RootState, useAppDispatch } from "../../../redux/store";
import KabelModulStatus from "./modulesStatus/KabelModulStatus";
import { fetchKueDataThunk } from "../../../redux/thunks/fetchKueDataThunk";
const Baugruppentraeger: React.FC = () => {
const dispatch = useAppDispatch();
const router = useRouter(); // useRouter für Navigation hinzufügen
// Redux-Variablen direkt hier abrufen
@@ -16,7 +18,7 @@ const Baugruppentraeger: React.FC = () => {
kueAlarm1,
kueAlarm2,
kueGroundFault,
} = useSelector((state: RootState) => state.variables);
} = useSelector((state: RootState) => state.kueData);
// `kueOnline` sicherstellen, dass es nur Zahlen enthält
const kueOnline = useMemo(
@@ -79,6 +81,11 @@ const Baugruppentraeger: React.FC = () => {
</div>
);
}
//--------------------------------------------
useEffect(() => {
dispatch(fetchKueDataThunk());
}, [dispatch]);
//--------------------------------------------
return <>{baugruppen}</>;
};