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:
@@ -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) => {
|
||||
|
||||
Reference in New Issue
Block a user