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.
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user