- 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.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
// /services/fetchAllTDRChartData.ts
|
|
import { Dispatch } from "@reduxjs/toolkit";
|
|
import { setTDRData, selectTDRData } from "../redux/slices/tdrChartSlice";
|
|
import { RootState } from "../redux/store";
|
|
|
|
const BASE_PATH = "/CPLmockData/LastTDR/jsonDatei";
|
|
|
|
export const fetchAllTDRChartData = async (
|
|
dispatch: Dispatch,
|
|
getState: () => RootState
|
|
) => {
|
|
const state = getState();
|
|
const currentData = selectTDRData(state);
|
|
|
|
const fileNames = Array.from({ length: 32 }, (_, i) => `json${i}`);
|
|
const fetchPromises = fileNames.map(async (fileName) => {
|
|
try {
|
|
const response = await fetch(`${BASE_PATH}/${fileName}.json`);
|
|
if (!response.ok)
|
|
throw new Error(`Fehler bei ${fileName}: ${response.statusText}`);
|
|
return await response.json();
|
|
} catch (error) {
|
|
console.error(`Fehler beim Laden von ${fileName}:`, error);
|
|
return null;
|
|
}
|
|
});
|
|
|
|
const newData = await Promise.all(fetchPromises);
|
|
|
|
// Nur aktualisieren, wenn sich die Daten geändert haben
|
|
if (JSON.stringify(currentData) !== JSON.stringify(newData)) {
|
|
dispatch(setTDRData(newData));
|
|
}
|
|
};
|