- Neuen confirmModalSlice erstellt für globale Steuerung des Bestätigungsdialogs - Zustand wird nun nicht mehr durch Re-Renders oder Komponentenneuaufbau zurückgesetzt - ConfirmModal in KueEinstellung.tsx vollständig an Redux angebunden - Flackern und automatisches Schließen nach 10–15 Sekunden dauerhaft behoben
30 lines
673 B
TypeScript
30 lines
673 B
TypeScript
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
|
|
|
interface ConfirmModalState {
|
|
open: boolean;
|
|
}
|
|
|
|
const initialState: ConfirmModalState = {
|
|
open: false,
|
|
};
|
|
|
|
export const confirmModalSlice = createSlice({
|
|
name: "confirmModal",
|
|
initialState,
|
|
reducers: {
|
|
openConfirmModal: (state) => {
|
|
state.open = true;
|
|
},
|
|
closeConfirmModal: (state) => {
|
|
state.open = false;
|
|
},
|
|
setConfirmModal: (state, action: PayloadAction<boolean>) => {
|
|
state.open = action.payload;
|
|
},
|
|
},
|
|
});
|
|
|
|
export const { openConfirmModal, closeConfirmModal, setConfirmModal } =
|
|
confirmModalSlice.actions;
|
|
export default confirmModalSlice.reducer;
|