Linien werden angezeigt aber noch nicht mit Daten von Redux Store sondern direkt fetch Aufruf

redux/slices/database/gisLinesSlice.js

@@ -0,0 +1,29 @@
+import { createSlice } from "@reduxjs/toolkit";
+import { fetchGisLinesThunk } from "../../thunks/database/fetchGisLinesThunk";
+
+const gisLinesSlice = createSlice({
+  name: "gisLines",
+  initialState: {
+    data: [],
+    status: "idle",
+    error: null,
+  },
+  reducers: {},
+  extraReducers: (builder) => {
+    builder
+      .addCase(fetchGisLinesThunk.pending, (state) => {
+        state.status = "loading";
+      })
+      .addCase(fetchGisLinesThunk.fulfilled, (state, action) => {
+        state.status = "succeeded";
+        state.data = action.payload;
+      })
+      .addCase(fetchGisLinesThunk.rejected, (state, action) => {
+        state.status = "failed";
+        state.error = action.error.message;
+      });
+  },
+});
+
+export default gisLinesSlice.reducer;
+export const selectGisLines = (state) => state.gisLines.data;

redux/store.js

@@ -23,6 +23,7 @@ import selectedAreaReducer from "./slices/selectedAreaSlice";
 import zoomTriggerReducer from "./slices/zoomTriggerSlice";
 import urlParameterReducer from "./slices/urlParameterSlice";
 import priorityConfigReducer from "./slices/database/priorityConfigSlice";
+import gisLinesReducer from "./slices/database/gisLinesSlice";
 
 export const store = configureStore({
   reducer: {
@@ -48,5 +49,6 @@ export const store = configureStore({
     zoomTrigger: zoomTriggerReducer,
     urlParameter: urlParameterReducer,
     priorityConfig: priorityConfigReducer,
+    gisLines: gisLinesReducer,
   },
 });

redux/thunks/database/fetchGisLinesThunk.js

@@ -0,0 +1,6 @@
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchGisLinesService } from "../../../services/database/fetchGisLinesService";
+
+export const fetchGisLinesThunk = createAsyncThunk("gisLines/fetch", async () => {
+  return await fetchGisLinesService();
+});