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,7 +4,10 @@ import {
|
||||
setChartOpen,
|
||||
setSlotNumber,
|
||||
} from "../../../../../redux/slices/kabelueberwachungChartSlice";
|
||||
import { setActiveMode } from "../../../../../redux/slices/kueChartModeSlice";
|
||||
import {
|
||||
setActiveMode,
|
||||
setSelectedSlot, // ✅ Importiere setSelectedSlot
|
||||
} from "../../../../../redux/slices/kueChartModeSlice";
|
||||
import { useDispatch } from "react-redux";
|
||||
|
||||
const handleOpenChartModal = (
|
||||
@@ -17,6 +20,9 @@ const handleOpenChartModal = (
|
||||
dispatch(setChartOpen(true));
|
||||
dispatch(setSlotNumber(slotIndex + 1));
|
||||
|
||||
// ✅ Speichert den gewählten Slot in Redux
|
||||
dispatch(setSelectedSlot(slotIndex));
|
||||
|
||||
if (activeButton === "TDR") {
|
||||
dispatch(setActiveMode("TDR"));
|
||||
} else {
|
||||
|
||||
Reference in New Issue
Block a user