refactor: Entfernt Recoil-Atoms mapIdState & userIdState – ersetzt durch Redux-Slice urlParameter
- MapComponent.js nutzt jetzt useSelector für mapId/userId - Übergabe dynamischer Parameter via dispatch(setMapId), dispatch(setUserId) - Store um urlParameterReducer erweitert
This commit is contained in:
@@ -1,14 +1,28 @@
|
||||
// /redux/slices/urlParameterSlice.js
|
||||
import { atom } from "recoil";
|
||||
// redux/slices/urlParameterSlice.js
|
||||
import { createSlice } from "@reduxjs/toolkit";
|
||||
|
||||
// Atom für die Speicherung der mapId aus der URL
|
||||
export const mapIdState = atom({
|
||||
key: "mapIdState", // Eindeutiger Schlüssel (innerhalb des gesamten Projekts)
|
||||
default: "10", // Standardwert
|
||||
const initialState = {
|
||||
mapId: "10",
|
||||
userId: "484",
|
||||
};
|
||||
|
||||
const urlParameterSlice = createSlice({
|
||||
name: "urlParameter",
|
||||
initialState,
|
||||
reducers: {
|
||||
setMapId: (state, action) => {
|
||||
state.mapId = action.payload;
|
||||
},
|
||||
setUserId: (state, action) => {
|
||||
state.userId = action.payload;
|
||||
},
|
||||
setFromURL: (state, action) => {
|
||||
const { m, u } = action.payload;
|
||||
if (m) state.mapId = m;
|
||||
if (u) state.userId = u;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// Atom für die Speicherung der userId aus der URL
|
||||
export const userIdState = atom({
|
||||
key: "userIdState",
|
||||
default: "484",
|
||||
});
|
||||
export const { setMapId, setUserId, setFromURL } = urlParameterSlice.actions;
|
||||
export default urlParameterSlice.reducer;
|
||||
|
||||
Reference in New Issue
Block a user