Letzte TDR-Messung anzeigen für ausgewählte Slot

redux/slices/tdmSingleChartSlice.ts

@@ -1,7 +1,7 @@
 // /redux/slices/tdmSingleChartSlice.ts
 
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-import { fetchTDMDataBySlotThunk } from "../thunks/fetchTDMDataBySlotThunk";
+import { fetchTDMDataBySlotThunk } from "../thunks/fetchTDMListBySlotThunk";
 
 interface TDMChartEntry {
   id: number;

redux/slices/tdrDataByIdSlice.ts

@@ -1,16 +1,10 @@
 // redux/slices/tdrDataByIdSlice.ts
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { fetchTDRChartDataByIdThunk } from "../thunks/fetchTDRChartDataByIdThunk";
 
-interface TDRDataState {
-  dataById: {
-    [id: number]: { d: number; p: number }[];
-  };
-  selectedId: number | null;
-}
-
-const initialState: TDRDataState = {
-  dataById: {},
-  selectedId: null,
+const initialState = {
+  dataById: {} as Record<number, { d: number; p: number }[]>,
+  selectedId: null as number | null,
 };
 
 const tdrDataByIdSlice = createSlice({
@@ -27,6 +21,13 @@ const tdrDataByIdSlice = createSlice({
       state.selectedId = action.payload;
     },
   },
+  extraReducers: (builder) => {
+    builder.addCase(fetchTDRChartDataByIdThunk.fulfilled, (state, action) => {
+      const { id, data } = action.payload;
+      state.dataById[id] = data;
+      state.selectedId = id;
+    });
+  },
 });
 
 export const { setTDRChartDataById, setSelectedTDRId } =

redux/slices/tdrSingleChartSlice.ts

@@ -1,53 +0,0 @@
-// 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,7 +19,6 @@ 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";
 import tdmSingleChartReducer from "./slices/tdmSingleChartSlice";
 
 const store = configureStore({
@@ -42,7 +41,6 @@ const store = configureStore({
     tdrDataById: tdrDataByIdReducer,
     kueData: kueDataReducer,
     selectedChartData: selectedChartDataReducer,
-    tdrSingleChart: tdrSingleChartReducer,
     tdmSingleChart: tdmSingleChartReducer,
   },
 });

redux/thunks/fetchTDMListBySlotThunk.ts

@@ -1,7 +1,7 @@
 // /redux/thunks/fetchTDMDataBySlotThunk.ts
 
 import { createAsyncThunk } from "@reduxjs/toolkit";
-import { fetchTDMDataBySlot } from "../../services/fetchSingleTDMData";
+import { fetchTDMDataBySlot } from "../../services/fetchTDMListBySlot";
 
 export const fetchTDMDataBySlotThunk = createAsyncThunk(
   "tdmSingleChart/fetchSlotData",

redux/thunks/fetchTDRChartDataByIdThunk.ts

@@ -0,0 +1,12 @@
+// /redux/thunks/fetchTDRChartDataByIdThunk.ts
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchTDRChartDataById } from "../../services/fetchTDRChartDataById";
+
+export const fetchTDRChartDataByIdThunk = createAsyncThunk(
+  "tdrDataById/fetchById",
+  async (id: number) => {
+    const data = await fetchTDRChartDataById(id);
+    if (!data) throw new Error(`Keine TDR-Daten für ID ${id}`);
+    return { id, data };
+  }
+);

redux/thunks/fetchTDRChartDataBySlotThunk.ts

@@ -1,13 +0,0 @@
-// /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 };
-  }
-);