feat: Benachrichtigung hinzugefügt, wenn Sitzung abgelaufen ist oder Verbindung unterbrochen wurde

- Zustand `sessionExpired` im `_app.js` hinzugefügt, um den Ablauf der Sitzung oder Verbindungsprobleme zu überwachen.
- Intervall in `loadWindowVariables` angepasst, um die Verbindung alle 10 Sekunden zu überprüfen.
- Warnmeldung angezeigt, wenn die Sitzung abgelaufen ist oder die Verbindung unterbrochen wurde.
- Benutzer wird informiert, wenn eine erneute Anmeldung oder ein Neuladen der Seite erforderlich ist.
This commit is contained in:
ISA
2024-11-05 12:20:08 +01:00
parent 7d2c6ef55e
commit 442b553aa7
3 changed files with 39 additions and 19 deletions

View File

@@ -1,10 +1,12 @@
"use client"; // components/modales/KueModal.jsx
import ReactModal from "react-modal";
import { useState, useEffect } from "react";
import { useSelector } from "react-redux";
import { useSelector, useDispatch } from "react-redux";
import { updateValues } from "../../store/variablesSlice";
import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
function KueModal({ showModal, onClose, slot, onModulNameChange }) {
const dispatch = useDispatch();
const [ids, setIds] = useState(Array(32).fill("---"));
const [bezeichnungen, setBezeichnungen] = useState(Array(32).fill("---"));
const [isolationsgrenzwerte, setIsolationsgrenzwerte] = useState(
@@ -114,23 +116,25 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
alert("Daten erfolgreich gespeichert!");
onModulNameChange(ids[slot]);
// Aktualisieren der originalValues und lokalen State-Werte nach dem Speichern
setOriginalValues({
ids: [...ids],
bezeichnungen: [...bezeichnungen],
isolationsgrenzwerte: [...isolationsgrenzwerte],
verzoegerung: [...verzoegerung],
untereSchleifenGrenzwerte: [...untereSchleifenGrenzwerte],
obereSchleifenGrenzwerte: [...obereSchleifenGrenzwerte],
schleifenintervall: [...schleifenintervall],
});
// Aktualisiere Redux-Store mit neuen Werten
dispatch(
updateValues({
ids: [...ids],
bezeichnungen: [...bezeichnungen],
isolationsgrenzwerte: [...isolationsgrenzwerte],
verzoegerung: [...verzoegerung],
untereSchleifenGrenzwerte: [...untereSchleifenGrenzwerte],
obereSchleifenGrenzwerte: [...obereSchleifenGrenzwerte],
schleifenintervall: [...schleifenintervall],
})
);
} else {
alert("Fehler beim Speichern der Daten!");
}
})
.catch((error) => {
console.error("Fehler:", error);
alert("Fehler beim Senden der Daten!");
//alert("Fehler beim Senden der Daten!");
});
} else {
alert("Keine Änderungen vorgenommen.");