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:
@@ -1,6 +1,9 @@
|
||||
// components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts
|
||||
import { Dispatch } from "react";
|
||||
import { setActiveMode } from "../../../../../redux/slices/kueChartModeSlice";
|
||||
import {
|
||||
setActiveMode,
|
||||
setSelectedSlot,
|
||||
} from "../../../../../redux/slices/kueChartModeSlice";
|
||||
|
||||
const handleButtonClick = (
|
||||
button: "Schleife" | "TDR",
|
||||
@@ -12,6 +15,9 @@ const handleButtonClick = (
|
||||
slotIndex: number,
|
||||
dispatch: Dispatch<any>
|
||||
) => {
|
||||
// 🔥 Speichert den gewählten Slot im Redux-Store
|
||||
dispatch(setSelectedSlot(slotIndex));
|
||||
|
||||
if (button === "Schleife") {
|
||||
setActiveButton("Schleife");
|
||||
setLoopTitleText("Schleifenwiderstand [kOhm]");
|
||||
|
||||
Reference in New Issue
Block a user