feat: Redux-Integration für TDR-Daten verbessert

- TDR-Daten werden jetzt beim Laden der Kabelüberwachungsseite automatisch abgerufen.
- Fehler im Thunk behoben: Initial leere `tdrChart.data` wird nun korrekt aktualisiert.
- Überprüfung, ob neue Daten vorhanden sind, verbessert (keine unnötige Ablehnung bei Erstabruf).
- Korrekte JSON-Datei-Pfade (`slot0.json` bis `slot31.json`) in Fetch-Requests implementiert.
- Redux-Error-Handling optimiert: Falls keine gültigen Daten geladen werden, wird eine Meldung angezeigt.
- Logging für geladene Daten hinzugefügt, um die Debugging-Möglichkeiten zu verbessern.
- `fetchAllTDRChartData.ts` als überflüssige Datei entfernt (Thunks übernehmen jetzt den Abruf).
- `kabelueberwachung.tsx` so angepasst, dass der Chart sofort mit geladenen Daten arbeitet.
This commit is contained in:
ISA
2025-03-20 10:13:41 +01:00
parent f9c2dc7bc9
commit 735fc92b96
7 changed files with 161 additions and 27 deletions

View File

@@ -3,6 +3,7 @@ import React, { useState, useEffect } from "react";
import { useRouter, useSearchParams } from "next/navigation";
import Kue705FO from "../components/main/kabelueberwachung/kue705FO/Kue705FO";
import { useDispatch, useSelector } from "react-redux";
import { fetchAllTDRChartData } from "../redux/thunks/fetchAllTDRChartThunk";
function Kabelueberwachung() {
const router = useRouter();
@@ -25,6 +26,21 @@ function Kabelueberwachung() {
kueGroundFault,
} = useSelector((state) => state.variables);
//----------------------------------------------------------------
// 🚀 **TDR-Daten bereits in Redux abrufen**
// Redux-Variablen abrufen
const tdrData = useSelector((state) => state.tdrChart.data);
const loading = useSelector((state) => state.tdrChart.loading);
const error = useSelector((state) => state.tdrChart.error);
// Beim Laden der Seite TDR-Daten abrufen
useEffect(() => {
if (!tdrData || tdrData.length === 0) {
console.log("TDR-Daten abrufen...");
dispatch(fetchAllTDRChartData());
}
}, [dispatch, tdrData]);
//----------------------------------------------------------------
// Alarmstatus basierend auf Redux-Variablen berechnen
const updateAlarmStatus = () => {
const updatedAlarmStatus = kueIso.map((_, index) => {