Files
CPLv4.0/redux/slices/tdrChartSlice.ts
ISA 735fc92b96 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.
2025-03-20 10:13:41 +01:00

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;