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:
35
redux/slices/webService/gisStationsMeasurementsSlice.js
Normal file
35
redux/slices/webService/gisStationsMeasurementsSlice.js
Normal 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;
|
||||
35
redux/slices/webService/gisStationsStatusDistrictSlice.js
Normal file
35
redux/slices/webService/gisStationsStatusDistrictSlice.js
Normal 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;
|
||||
Reference in New Issue
Block a user