fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Updates schützen

- Lokale States beim ersten Öffnen des Modals gesetzt
- Redux-Änderungen während der Bearbeitung blockiert, um Fokusverlust zu verhindern
- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
This commit is contained in:
ISA
2025-04-29 07:42:49 +02:00
parent a157da81dd
commit 5b39fdaacf
2 changed files with 21 additions and 16 deletions

View File

@@ -75,22 +75,27 @@ export default function KueEinstellung({
memoryInterval[slot] ?? ""
);
/*
fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Updates schützen
- Lokale States beim ersten Öffnen des Modals gesetzt
- Redux-Änderungen während der Bearbeitung blockiert, um Fokusverlust zu verhindern
- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
*/
const [initialized, setInitialized] = useState(false);
useEffect(() => {
setLocalName(kueID[slot] || "");
setLocalLimit1(kueLimit1[slot] ?? "");
setLocalDelay1(kueDelay1[slot] ?? "");
setLocalLimit2Low(kueLimit2Low[slot] ?? "");
setLocalLoopInterval(kueLoopInterval[slot] ?? "");
setLocalMemoryInterval(memoryInterval[slot] ?? "");
}, [
kueID,
kueLimit1,
kueDelay1,
kueLimit2Low,
kueLoopInterval,
memoryInterval,
slot,
]);
if (!initialized) {
setLocalName(kueID[slot] || "");
setLocalLimit1(kueLimit1[slot] ?? "");
setLocalDelay1(kueDelay1[slot] ?? "");
setLocalLimit2Low(kueLimit2Low[slot] ?? "");
setLocalLoopInterval(kueLoopInterval[slot] ?? "");
setLocalMemoryInterval(memoryInterval[slot] ?? "");
setInitialized(true);
}
}, [initialized, slot]);
const handleSaveWrapper = () => {
const originalValues: OriginalValues = {