feat: GisStationsMeasurements in Redux-Store integriert

- API-Loader für GisStationsMeasurements erstellt
- Redux-Slice für GisStationsMeasurements angelegt und im Store registriert
- Initialisierungs-Hook useInitGisStationsMeasurements hinzugefügt
- Daten werden jetzt beim Start automatisch geladen und zentral im Redux-Store gespeichert
- Vorbereitung für spätere Nutzung in UI-Komponenten
This commit is contained in:
Ismail Ali
2025-03-07 22:33:47 +01:00
parent 86d8e4924a
commit 6636f841a2
9 changed files with 123 additions and 1 deletions

View File

@@ -0,0 +1,35 @@
// /redux/slices/webService/gisStationsMeasurementsSlice.js
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import { fetchGisStationsMeasurements } from "../../api/fromWebService/fetchGisStationsMeasurements";
export const fetchGisStationsMeasurementsFromWebService = createAsyncThunk("gisStationsMeasurements/fetchGisStationsMeasurementsFromWebService", async () => {
return fetchGisStationsMeasurements();
});
const gisStationsMeasurementsSlice = createSlice({
name: "gisStationsMeasurements",
initialState: {
data: [],
status: "idle",
error: null,
},
reducers: {},
extraReducers: (builder) => {
builder
.addCase(fetchGisStationsMeasurementsFromWebService.pending, (state) => {
state.status = "loading";
})
.addCase(fetchGisStationsMeasurementsFromWebService.fulfilled, (state, action) => {
state.status = "succeeded";
state.data = action.payload;
})
.addCase(fetchGisStationsMeasurementsFromWebService.rejected, (state, action) => {
state.status = "failed";
state.error = action.error.message;
});
},
});
export const selectGisStationsMeasurements = (state) => state.gisStationsMeasurements.data;
export default gisStationsMeasurementsSlice.reducer;

View File

@@ -0,0 +1,35 @@
// /redux/slices/webService/gisStationsStatusDistrictSlice.js
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import { fetchGisStationsStatusDistrict } from "../../api/fromWebService/fetchGisStationsStatusDistrict";
export const fetchGisStationsStatusDistrictFromWebService = createAsyncThunk("gisStationsStatusDistrict/fetchGisStationsStatusDistrictFromWebService", async () => {
return fetchGisStationsStatusDistrict();
});
const gisStationsStatusDistrictSlice = createSlice({
name: "gisStationsStatusDistrict",
initialState: {
data: [],
status: "idle",
error: null,
},
reducers: {},
extraReducers: (builder) => {
builder
.addCase(fetchGisStationsStatusDistrictFromWebService.pending, (state) => {
state.status = "loading";
})
.addCase(fetchGisStationsStatusDistrictFromWebService.fulfilled, (state, action) => {
state.status = "succeeded";
state.data = action.payload;
})
.addCase(fetchGisStationsStatusDistrictFromWebService.rejected, (state, action) => {
state.status = "failed";
state.error = action.error.message;
});
},
});
export const selectGisStationsStatusDistrict = (state) => state.gisStationsStatusDistrict.data;
export default gisStationsStatusDistrictSlice.reducer;