- Ersetzung des Recoil Atoms 'zoomTriggerState' durch Redux Toolkit Slice. - Hinzugefügt: Aktionen für incrementZoomTrigger, decrementZoomTrigger, resetZoomTrigger und setZoomTrigger. - Implementierung von Redux-Selektoren zum Zugriff auf den zoomTrigger-Zustand. - Aktualisierung der Komponenten (MapComponent.js, DataSheet.js) auf Redux-Hooks (useSelector, useDispatch). - Registrierung des zoomTriggerReducers im rootReducer und store.js. - Überprüfung der Zoom In/Out-Funktionalität sowie Integration von Event-Handling für Mausrad und Kontextmenü.
24 lines
614 B
JavaScript
24 lines
614 B
JavaScript
// redux/slices/zoomTriggerSlice.js
|
|
import { createSlice } from "@reduxjs/toolkit";
|
|
|
|
const initialState = {
|
|
zoomTrigger: 0,
|
|
};
|
|
|
|
const zoomTriggerSlice = createSlice({
|
|
name: "zoomTrigger",
|
|
initialState,
|
|
reducers: {
|
|
incrementZoomTrigger(state) {
|
|
state.zoomTrigger += 1; // Zustand erhöhen
|
|
},
|
|
resetZoomTrigger(state) {
|
|
state.zoomTrigger = 0; // Zustand zurücksetzen
|
|
},
|
|
},
|
|
});
|
|
|
|
export const { incrementZoomTrigger, resetZoomTrigger } = zoomTriggerSlice.actions;
|
|
export const selectZoomTrigger = (state) => state.zoomTrigger.zoomTrigger;
|
|
export default zoomTriggerSlice.reducer;
|