- 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.
42 lines
1.0 KiB
TypeScript
42 lines
1.0 KiB
TypeScript
// /redux/slices/tdrChartSlice.ts
|
|
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
|
import { fetchAllTDRChartData } from "../thunks/fetchAllTDRChartThunk";
|
|
|
|
interface TDRChartState {
|
|
data: any[];
|
|
loading: boolean;
|
|
error: string | null;
|
|
}
|
|
|
|
const initialState: TDRChartState = {
|
|
data: [],
|
|
loading: false,
|
|
error: null,
|
|
};
|
|
|
|
const tdrChartSlice = createSlice({
|
|
name: "tdrChart",
|
|
initialState,
|
|
reducers: {},
|
|
extraReducers: (builder) => {
|
|
builder
|
|
.addCase(fetchAllTDRChartData.pending, (state) => {
|
|
state.loading = true;
|
|
state.error = null;
|
|
})
|
|
.addCase(
|
|
fetchAllTDRChartData.fulfilled,
|
|
(state, action: PayloadAction<any[]>) => {
|
|
state.loading = false;
|
|
state.data = action.payload; // Speichere die neuen Daten in Redux
|
|
}
|
|
)
|
|
.addCase(fetchAllTDRChartData.rejected, (state, action) => {
|
|
state.loading = false;
|
|
state.error = action.payload as string | null;
|
|
});
|
|
},
|
|
});
|
|
|
|
export default tdrChartSlice.reducer;
|