6636f841a2
- 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
36 lines
1.3 KiB
JavaScript
36 lines
1.3 KiB
JavaScript
// /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;
|