47e5088e1b
- Alle Event-Handler in eigene Dateien ausgelagert: - `handleOpenModal.ts`, `handleCloseModal.ts` - `handleOpenChartModal.ts`, `handleCloseChartModal.ts` - `handleRefreshClick.ts`, `handleSave.ts` - Neue Hooks zur Verwaltung von Redux-Selektoren und UI-Zuständen erstellt - `Kue705FO.tsx` gesäubert, jetzt schlanker und übersichtlicher - Verbesserte Wartbarkeit und Wiederverwendbarkeit der Code-Basis
28 lines
821 B
TypeScript
28 lines
821 B
TypeScript
// components/main/kabelueberwachung/kue705FO/handlers/handleOpenChartModal.ts
|
|
import { Dispatch, SetStateAction } from "react";
|
|
import {
|
|
setChartOpen,
|
|
setSlotNumber,
|
|
} from "../../../../../redux/slices/kabelueberwachungChartSlice";
|
|
import { setActiveMode } from "../../../../../redux/slices/kueChartModeSlice";
|
|
import { useDispatch } from "react-redux";
|
|
|
|
const handleOpenChartModal = (
|
|
setShowChartModal: Dispatch<SetStateAction<boolean>>,
|
|
dispatch: ReturnType<typeof useDispatch>,
|
|
slotIndex: number,
|
|
activeButton: "Schleife" | "TDR"
|
|
) => {
|
|
setShowChartModal(true);
|
|
dispatch(setChartOpen(true));
|
|
dispatch(setSlotNumber(slotIndex + 1));
|
|
|
|
if (activeButton === "TDR") {
|
|
dispatch(setActiveMode("TDR"));
|
|
} else {
|
|
dispatch(setActiveMode("Schleife"));
|
|
}
|
|
};
|
|
|
|
export default handleOpenChartModal;
|