feat: Migration von urlParameterSlice von Recoil Atom zu Redux-Toolkit Slice

- Recoil Atom für urlParameterSlice entfernt und durch Redux-Toolkit Slice ersetzt.
- Neue Actions `setMapId` und `setUserId` hinzugefügt, um Parameter zu aktualisieren.
- Selektoren `selectMapId` und `selectUserId` erstellt, um Parameter aus dem Zustand zu lesen.
- Standardwerte für `mapId` und `userId` entfernt; stattdessen Werte aus der URL geladen.
- Fehlermeldung hinzugefügt, wenn erforderliche URL-Parameter fehlen.
- Zustand wird jetzt dynamisch beim Laden der Seite über die URL gesetzt.
This commit is contained in:
ISA
2024-12-23 11:30:31 +01:00
parent 99c430777c
commit 2f39e26225
3 changed files with 50 additions and 15 deletions

View File

@@ -3,11 +3,13 @@ import { combineReducers } from "redux";
import currentPoiReducer from "./slices/currentPoiSlice";
import gisStationsStaticDistrictReducer from "./slices/gisStationsStaticDistrictSlice";
import zoomTriggerReducer from "./slices/zoomTriggerSlice";
import urlParameterReducer from "./slices/urlParameterSlice"; // Import hinzufügen
const rootReducer = combineReducers({
currentPoi: currentPoiReducer,
gisStationsStaticDistrict: gisStationsStaticDistrictReducer,
zoomTrigger: zoomTriggerReducer,
urlParameter: urlParameterReducer, // Reducer hinzufügen
});
export default rootReducer;

View File

@@ -1,14 +1,32 @@
// /redux/slices/urlParameterSlice.js
import { atom } from "recoil";
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
// Initialer Zustand
const initialState = {
mapId: "", // Standardwert z.B m=12
userId: "", // Standardwert z.B. u=484
};
// Slice erstellen
const urlParameterSlice = createSlice({
name: "urlParameter",
initialState,
reducers: {
setMapId(state, action) {
state.mapId = action.payload; // Aktualisiere mapId
},
setUserId(state, action) {
state.userId = action.payload; // Aktualisiere userId
},
},
});
// Atom für die Speicherung der userId aus der URL
export const userIdState = atom({
key: "userIdState",
default: "484",
});
// Aktionen exportieren
export const { setMapId, setUserId } = urlParameterSlice.actions;
// Selektoren exportieren
export const selectMapId = (state) => state.urlParameter.mapId;
export const selectUserId = (state) => state.urlParameter.userId;
// Reducer exportieren
export default urlParameterSlice.reducer;