fix: KueModal.jsx

Verhindern des automatischen Zurücksetzens von Eingabefeldern im Modal

- Werte aus Redux werden nur noch beim erstmaligen Öffnen des Modals in die State-Variablen übernommen.
- Änderungen in den Eingabefeldern bleiben bestehen, ohne durch automatische Updates überschrieben zu werden.
- Anpassung der useEffect-Abhängigkeiten, um eine stabilere Bearbeitung zu ermöglichen.
This commit is contained in:
ISA
2024-11-05 10:25:06 +01:00
parent 386595ae9b
commit 346b602b60

View File

@@ -33,7 +33,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
kueLoopInterval, kueLoopInterval,
} = useSelector((state) => state.variables); } = useSelector((state) => state.variables);
// Initiale Werte festlegen, wenn das Modal geöffnet wird // Initiale Werte festlegen, nur einmal beim Öffnen des Modals
useEffect(() => { useEffect(() => {
if (showModal) { if (showModal) {
setIds(kueID ? kueID.map((id) => id.trim() || "---") : ids); setIds(kueID ? kueID.map((id) => id.trim() || "---") : ids);
@@ -56,15 +56,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
schleifenintervall: [...schleifenintervall], schleifenintervall: [...schleifenintervall],
}); });
} }
}, [ }, [showModal]); // nur von showModal abhängig ansonsten wird alle 10 Sekunden die Werte zurückgesetzt in Modal
showModal,
kueID,
kueLimit1,
kueDelay1,
kueLimit2Low,
kueLimit2High,
kueLoopInterval,
]);
// Funktionen zur Änderung der Werte // Funktionen zur Änderung der Werte
const handleChange = (setter, e, slot) => { const handleChange = (setter, e, slot) => {