feat: Verbesserung der Slot-Auswahl und Chart-Steuerung

- `selectedSlot` in `kueChartModeSlice.ts` hinzugefügt, um den aktiven Slot zu speichern.
- `handleButtonClick.ts` aktualisiert, damit `selectedSlot` in Redux gesetzt wird.
- `handleOpenChartModal.ts` angepasst, sodass `selectedSlot` beim Öffnen des Modals gesetzt wird.
- `Kue705FO.tsx` nutzt jetzt Redux für die Slot- und Modus-Steuerung (`selectedSlot`, `activeMode`).
- Redux-Logik optimiert: `selectedSlot` wird nun konsistent zwischen `TDRChart.tsx` und `ChartSwitcher.tsx` genutzt.
- Verbesserung der Benutzererfahrung: Nur `onClick` verwendet, `onMouseOver` wegen Performance-Problemen vermieden.

✅ Jetzt wird der richtige Slot in Redux gespeichert, wenn ein Button oder das Chart-Modal geöffnet wird.
✅ `TDRChart.tsx` zeigt nur das gewählte Modul an, kein unnötiges Neuladen von Daten.
✅ Stabile und optimierte Chart-Steuerung ohne ungewollte Änderungen durch Mausbewegungen.

redux/slices/kueChartModeSlice.ts

@@ -2,11 +2,13 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 
 interface KueChartModeState {
-  activeMode: "Schleife" | "TDR"; // 🔥 Neuer Zustand für den aktiven Modus
+  activeMode: "Schleife" | "TDR"; // 🔥 Zustand für den aktiven Modus
+  selectedSlot: number | null; // 🔥 Neu: Aktuell gewählter Slot
 }
 
 const initialState: KueChartModeState = {
   activeMode: "Schleife", // Standard ist Schleife
+  selectedSlot: null, // Standard: Kein Slot ausgewählt
 };
 
 export const kueChartModeSlice = createSlice({
@@ -16,8 +18,11 @@ export const kueChartModeSlice = createSlice({
     setActiveMode: (state, action: PayloadAction<"Schleife" | "TDR">) => {
       state.activeMode = action.payload; // 🔥 Speichert den Modus (Schleife oder TDR)
     },
+    setSelectedSlot: (state, action: PayloadAction<number>) => {
+      state.selectedSlot = action.payload; // 🔥 Speichert den aktiven Slot
+    },
   },
 });
 
-export const { setActiveMode } = kueChartModeSlice.actions;
+export const { setActiveMode, setSelectedSlot } = kueChartModeSlice.actions;
 export default kueChartModeSlice.reducer;

redux/slices/tdrChartSlice.ts

@@ -4,12 +4,16 @@ import { fetchAllTDRChartData } from "../thunks/fetchAllTDRChartThunk";
 
 interface TDRChartState {
   data: any[];
+  selectedSlot: number | null;
+  selectedChartType: "TDR" | "Schleife";
   loading: boolean;
   error: string | null;
 }
 
 const initialState: TDRChartState = {
   data: [],
+  selectedSlot: null,
+  selectedChartType: "TDR",
   loading: false,
   error: null,
 };
@@ -17,7 +21,17 @@ const initialState: TDRChartState = {
 const tdrChartSlice = createSlice({
   name: "tdrChart",
   initialState,
-  reducers: {},
+  reducers: {
+    setSelectedSlot: (state, action: PayloadAction<number>) => {
+      state.selectedSlot = action.payload;
+    },
+    setSelectedChartType: (
+      state,
+      action: PayloadAction<"TDR" | "Schleife">
+    ) => {
+      state.selectedChartType = action.payload;
+    },
+  },
   extraReducers: (builder) => {
     builder
       .addCase(fetchAllTDRChartData.pending, (state) => {
@@ -28,7 +42,7 @@ const tdrChartSlice = createSlice({
         fetchAllTDRChartData.fulfilled,
         (state, action: PayloadAction<any[]>) => {
           state.loading = false;
-          state.data = action.payload; // Speichere die neuen Daten in Redux
+          state.data = action.payload;
         }
       )
       .addCase(fetchAllTDRChartData.rejected, (state, action) => {
@@ -38,4 +52,5 @@ const tdrChartSlice = createSlice({
   },
 });
 
+export const { setSelectedSlot, setSelectedChartType } = tdrChartSlice.actions;
 export default tdrChartSlice.reducer;

redux/thunks/fetchAllTDRChartThunk.ts

@@ -25,7 +25,7 @@ export const fetchAllTDRChartData = createAsyncThunk(
 
     const newData = await Promise.all(fetchPromises);
 
-    console.log("Geladene Daten:", newData);
+    //console.log("Geladene Daten:", newData);
 
     // Falls die Daten leer oder identisch sind, aber initial leer waren, trotzdem speichern
     if (newData.every((d) => d === null || d === undefined)) {