refactor: Recoil-Zustand zoomTriggerState durch Redux zoomTriggerSlice ersetzt
- MapComponent.js nutzt jetzt Redux useSelector für zoomTrigger - DataSheet.js verwendet dispatch(incrementZoomTrigger()) - Recoil vollständig entfernt und Store zentralisiert
This commit is contained in:
@@ -1,7 +1,22 @@
|
||||
// redux/slices/zoomTriggerSlice.js
|
||||
import { atom } from "recoil";
|
||||
import { createSlice } from "@reduxjs/toolkit";
|
||||
|
||||
export const zoomTriggerState = atom({
|
||||
key: "zoomTriggerState",
|
||||
default: 0, // Dies kann eine einfache Zählvariable sein, die inkrementiert wird.
|
||||
const initialState = {
|
||||
trigger: 0,
|
||||
};
|
||||
|
||||
const zoomTriggerSlice = createSlice({
|
||||
name: "zoomTrigger",
|
||||
initialState,
|
||||
reducers: {
|
||||
incrementZoomTrigger: (state) => {
|
||||
state.trigger += 1;
|
||||
},
|
||||
resetZoomTrigger: (state) => {
|
||||
state.trigger = 0;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const { incrementZoomTrigger, resetZoomTrigger } = zoomTriggerSlice.actions;
|
||||
export default zoomTriggerSlice.reducer;
|
||||
|
||||
@@ -20,6 +20,7 @@ import poiReadFromDbTriggerReducer from "./slices/poiReadFromDbTriggerSlice";
|
||||
import polylineEventsDisabledReducer from "./slices/polylineEventsDisabledSlice";
|
||||
import readPoiMarkersStoreReducer from "./slices/readPoiMarkersStoreSlice";
|
||||
import selectedAreaReducer from "./slices/selectedAreaSlice";
|
||||
import zoomTriggerReducer from "./slices/zoomTriggerSlice";
|
||||
|
||||
export const store = configureStore({
|
||||
reducer: {
|
||||
@@ -43,5 +44,6 @@ export const store = configureStore({
|
||||
polylineEventsDisabled: polylineEventsDisabledReducer,
|
||||
readPoiMarkersStore: readPoiMarkersStoreReducer,
|
||||
selectedArea: selectedAreaReducer,
|
||||
zoomTrigger: zoomTriggerReducer,
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user