refactor: TDR-Daten in neuen tdrSingleChartSlice ausgelagert und nur pro Slot geladen

- Globalen fetchAllTDRChartData entfernt
- Neuen Slice und Thunk pro Slot erstellt
- TDRChart liest initiale Daten aus neuem Slice

redux/slices/tdrSingleChartSlice.ts

@@ -0,0 +1,53 @@
+// redux/slices/tdrSingleChartSlice.ts
+
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { fetchTDRChartDataBySlotThunk } from "../thunks/fetchTDRChartDataBySlotThunk";
+
+interface TDRSlotData {
+  [slot: number]: { d: number; p: number }[];
+}
+
+interface TdrSingleChartState {
+  data: TDRSlotData;
+  loading: boolean;
+  error: string | null;
+}
+
+const initialState: TdrSingleChartState = {
+  data: {},
+  loading: false,
+  error: null,
+};
+
+const tdrSingleChartSlice = createSlice({
+  name: "tdrSingleChart",
+  initialState,
+  reducers: {},
+  extraReducers: (builder) => {
+    builder
+      .addCase(fetchTDRChartDataBySlotThunk.pending, (state) => {
+        state.loading = true;
+        state.error = null;
+      })
+      .addCase(
+        fetchTDRChartDataBySlotThunk.fulfilled,
+        (
+          state,
+          action: PayloadAction<{
+            slot: number;
+            data: { d: number; p: number }[];
+          }>
+        ) => {
+          const { slot, data } = action.payload;
+          state.data[slot] = data;
+          state.loading = false;
+        }
+      )
+      .addCase(fetchTDRChartDataBySlotThunk.rejected, (state, action) => {
+        state.loading = false;
+        state.error = action.error.message ?? "Fehler beim Laden";
+      });
+  },
+});
+
+export default tdrSingleChartSlice.reducer;

redux/store.ts

@@ -19,6 +19,7 @@ import tdmChartReducer from "./slices/tdmChartSlice";
 import tdrDataByIdReducer from "./slices/tdrDataByIdSlice";
 import kueDataReducer from "./slices/kueDataSlice";
 import selectedChartDataReducer from "./slices/selectedChartDataSlice";
+import tdrSingleChartReducer from "./slices/tdrSingleChartSlice";
 
 const store = configureStore({
   reducer: {
@@ -40,6 +41,7 @@ const store = configureStore({
     tdrDataById: tdrDataByIdReducer,
     kueData: kueDataReducer,
     selectedChartData: selectedChartDataReducer,
+    tdrSingleChart: tdrSingleChartReducer,
   },
 });
 

redux/thunks/fetchTDMDataBySlotThunk.ts

@@ -0,0 +1,15 @@
+// /redux/thunks/fetchTDMDataBySlotThunk.ts
+
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchTDMDataBySlot } from "../../services/fetchSingleTDMData";
+import { setLoopMeasurementCurveChartData } from "../slices/kabelueberwachungChartSlice";
+
+export const fetchTDMDataBySlotThunk = createAsyncThunk(
+  "tdmChart/fetchSlotData",
+  async (slot: number, { dispatch }) => {
+    const data = await fetchTDMDataBySlot(slot);
+    if (data) {
+      dispatch(setLoopMeasurementCurveChartData(data));
+    }
+  }
+);

redux/thunks/fetchTDRChartDataBySlotThunk.ts

@@ -0,0 +1,13 @@
+// /redux/thunks/fetchTDRChartDataBySlotThunk.ts
+
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchTDRChartDataBySlot } from "../../services/fetchSingleTDRChartData";
+
+export const fetchTDRChartDataBySlotThunk = createAsyncThunk(
+  "tdrChart/fetchSlotData",
+  async (slot: number) => {
+    const data = await fetchTDRChartDataBySlot(slot);
+    if (!data) throw new Error(`Daten für Slot ${slot} nicht gefunden`);
+    return { slot, data };
+  }
+);