From 19e057031094ef09464e7b3307d11c8092a76655 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 18 Dec 2024 07:29:47 +0100
Subject: [PATCH] Files copy and paste from store atoms and selector to redux
 slices folder

---
 components/DataSheet.js                       | 14 +++---
 components/MapComponent.js                    | 24 +++++-----
 components/PoiUpdateModal.js                  | 14 ++----
 components/ShowAddStationPopup.js             | 48 ++++---------------
 components/pois/AddPoiModalWindow.js          |  4 +-
 components/pois/PoiUpdateModal.js             |  6 +--
 components/pois/PoiUpdateModalWrapper.js      |  4 +-
 hooks/useCreateAndSetDevices.js               |  2 +-
 hooks/useMapComponentState.js                 |  2 +-
 hooks/useMarkerLayers.js                      |  2 +-
 pages/index.js                                |  4 +-
 redux/{ => middleware}/websocketMiddleware.js |  0
 .../atoms => redux/slices}/currentPoiState.js |  0
 .../slices/gisStationsStaticDistrictSlice.js  |  0
 .../slices/gisSystemStaticSlice.js            |  0
 .../atoms => redux/slices}/mapLayersState.js  |  0
 .../atoms => redux/slices}/poiLayerVisible.js |  0
 .../slices}/poiLayerVisibleState.js           |  0
 .../slices/poiReadFromDbTriggerSlice.js       |  0
 .../slices}/polylineEventsDisabledState.js    |  0
 .../slices}/polylineLayerVisibleState.js      |  0
 .../slices}/readPoiMarkersStore.js            |  0
 .../slices}/selectedAreaState.js              |  0
 .../slices/selectedPoiState.js                |  0
 .../slices}/urlParameterState.js              |  0
 .../slices}/zoomTriggerState.js               |  0
 redux/store.js                                |  2 +-
 store/atoms/mapAtom.js                        |  7 ---
 store/atoms/poiDeviceNameState.js             |  7 ---
 store/atoms/poiTypState.js                    |  7 ---
 utils/createAndSetDevices.js                  |  2 +-
 utils/setupPolylines.js                       |  2 +-
 32 files changed, 47 insertions(+), 104 deletions(-)
 rename redux/{ => middleware}/websocketMiddleware.js (100%)
 rename {store/atoms => redux/slices}/currentPoiState.js (100%)
 rename store/atoms/gisStationState.js => redux/slices/gisStationsStaticDistrictSlice.js (100%)
 rename store/atoms/gisSystemState.js => redux/slices/gisSystemStaticSlice.js (100%)
 rename {store/atoms => redux/slices}/mapLayersState.js (100%)
 rename {store/atoms => redux/slices}/poiLayerVisible.js (100%)
 rename {store/atoms => redux/slices}/poiLayerVisibleState.js (100%)
 rename store/atoms/poiReadFromDbTriggerAtom.js => redux/slices/poiReadFromDbTriggerSlice.js (100%)
 rename {store/atoms => redux/slices}/polylineEventsDisabledState.js (100%)
 rename {store/atoms => redux/slices}/polylineLayerVisibleState.js (100%)
 rename {store/selectors => redux/slices}/readPoiMarkersStore.js (100%)
 rename {store/atoms => redux/slices}/selectedAreaState.js (100%)
 rename store/atoms/poiState.js => redux/slices/selectedPoiState.js (100%)
 rename {store/atoms => redux/slices}/urlParameterState.js (100%)
 rename {store/atoms => redux/slices}/zoomTriggerState.js (100%)
 delete mode 100644 store/atoms/mapAtom.js
 delete mode 100644 store/atoms/poiDeviceNameState.js
 delete mode 100644 store/atoms/poiTypState.js

diff --git a/components/DataSheet.js b/components/DataSheet.js
index b357e5b47..4860c8a81 100644
--- a/components/DataSheet.js
+++ b/components/DataSheet.js
@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from "react";
 import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
-import { gisStationsStaticDistrictState } from "../store/atoms/gisStationState";
-import { gisSystemStaticState } from "../store/atoms/gisSystemState";
-import { mapLayersState } from "../store/atoms/mapLayersState";
-import { selectedAreaState } from "../store/atoms/selectedAreaState";
-import { zoomTriggerState } from "../store/atoms/zoomTriggerState";
-import { poiLayerVisibleState } from "../store/atoms/poiLayerVisibleState";
+import { gisStationsStaticDistrictState } from "../redux/slices/gisStationsStaticDistrictSlice";
+import { gisSystemStaticState } from "../redux/slices/gisSystemStaticSlice";
+import { mapLayersState } from "../redux/slices/mapLayersState";
+import { selectedAreaState } from "../redux/slices/selectedAreaState";
+import { zoomTriggerState } from "../redux/slices/zoomTriggerState.js";
+import { poiLayerVisibleState } from "../redux/slices/poiLayerVisibleState";
 import EditModeToggle from "./EditModeToggle";
-import { polylineLayerVisibleState } from "../store/atoms/polylineLayerVisibleState"; // Import für Polyline-Visibility
+import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleState"; // Import für Polyline-Visibility
 
 function DataSheet() {
   const [editMode, setEditMode] = useState(false); // Zustand für editMode
diff --git a/components/MapComponent.js b/components/MapComponent.js
index f508291e3..ef5efff92 100644
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -9,21 +9,21 @@ import "leaflet.smooth_marker_bouncing";
 import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet";
 import DataSheet from "./DataSheet.js";
 import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
-import { gisStationsStaticDistrictState } from "../store/atoms/gisStationState.js";
-import { gisSystemStaticState } from "../store/atoms/gisSystemState.js";
-import { mapLayersState } from "../store/atoms/mapLayersState.js";
-import { selectedAreaState } from "../store/atoms/selectedAreaState.js";
-import { zoomTriggerState } from "../store/atoms/zoomTriggerState.js";
+import { gisStationsStaticDistrictState } from "../redux/slices/gisStationsStaticDistrictSlice";
+import { gisSystemStaticState } from "../redux/slices/gisSystemStaticSlice";
+import { mapLayersState } from "../redux/slices/mapLayersState";
+import { selectedAreaState } from "../redux/slices/selectedAreaState";
+import { zoomTriggerState } from "../redux/slices/zoomTriggerState.js";
 import AddPoiModalWindow from "./pois/AddPoiModalWindow.js";
-import { poiReadFromDbTriggerAtom } from "../store/atoms/poiReadFromDbTriggerAtom.js";
+import { poiReadFromDbTriggerAtom } from "../redux/slices/poiReadFromDbTriggerSlice";
 import { InformationCircleIcon } from "@heroicons/react/20/solid"; // oder 'outline'
 import PoiUpdateModal from "./pois/PoiUpdateModal.js";
-import { selectedPoiState } from "../store/atoms/poiState.js";
-import { currentPoiState } from "../store/atoms/currentPoiState.js";
+import { selectedPoiState } from "../redux/slices/selectedPoiState.js";
+import { currentPoiState } from "../redux/slices/currentPoiState.js";
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { mapIdState, userIdState } from "../store/atoms/urlParameterState.js";
-import { poiLayerVisibleState } from "../store/atoms/poiLayerVisibleState.js";
+import { mapIdState, userIdState } from "../redux/slices/urlParameterState.js";
+import { poiLayerVisibleState } from "../redux/slices/poiLayerVisibleState.js";
 import plusRoundIcon from "./PlusRoundIcon.js";
 import { createAndSetDevices } from "../utils/createAndSetDevices.js";
 import { restoreMapSettings, checkOverlappingMarkers } from "../utils/mapUtils.js";
@@ -48,9 +48,9 @@ import useLineData from "../hooks/useLineData.js";
 
 //import { useCreateAndSetDevices } from "../hooks/useCreateAndSetDevices";
 import { useMapComponentState } from "../hooks/useMapComponentState";
-import { polylineEventsDisabledState } from "../store/atoms/polylineEventsDisabledState";
+import { polylineEventsDisabledState } from "../redux/slices/polylineEventsDisabledState";
 import { disablePolylineEvents, enablePolylineEvents } from "../utils/setupPolylines";
-import { polylineLayerVisibleState } from "../store/atoms/polylineLayerVisibleState";
+import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleState";
 
 const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const polylineVisible = useRecoilValue(polylineLayerVisibleState);
diff --git a/components/PoiUpdateModal.js b/components/PoiUpdateModal.js
index d24cab7ad..17fc068df 100644
--- a/components/PoiUpdateModal.js
+++ b/components/PoiUpdateModal.js
@@ -2,8 +2,8 @@
 
 import React, { useState, useEffect } from "react";
 import { useRecoilValue } from "recoil";
-import { selectedPoiState } from "../store/atoms/poiState";
-import { currentPoiState } from "../store/atoms/currentPoiState";
+import { selectedPoiState } from "../redux/slices/selectedPoiState";
+import { currentPoiState } from "../redux/slices/currentPoiState";
 
 const PoiUpdateModal = ({ onClose, poiData }) => {
   const currentPoi = useRecoilValue(currentPoiState);
@@ -90,9 +90,7 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
     const fetchData = async () => {
       try {
         // const response = await fetch("/api/talas_v5/location_device"); //"/api/talas_v5_DB/locationDevice/location_device"
-        const response = await fetch(
-          "/api/talas_v5_DB/locationDevice/locationDevices"
-        );
+        const response = await fetch("/api/talas_v5_DB/locationDevice/locationDevices");
         const data = await response.json();
         setLocationDeviceData(data);
         if (poiData && poiData.idLD) {
@@ -207,11 +205,7 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
         </select>
       </div>
 
-      <button
-        type="button"
-        onClick={handleDeletePoi}
-        className="bg-red-400 hover:bg-red-600 text-white font-bold py-2 px-4 rounded w-full mb-4"
-      >
+      <button type="button" onClick={handleDeletePoi} className="bg-red-400 hover:bg-red-600 text-white font-bold py-2 px-4 rounded w-full mb-4">
         POI löschen
       </button>
 
diff --git a/components/ShowAddStationPopup.js b/components/ShowAddStationPopup.js
index 4415d2041..6bafa5cbd 100644
--- a/components/ShowAddStationPopup.js
+++ b/components/ShowAddStationPopup.js
@@ -2,8 +2,8 @@
 import React, { useState, useEffect, use } from "react";
 import ReactDOM from "react-dom";
 import { useRecoilValue, useRecoilState, useSetRecoilState } from "recoil";
-import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore";
-import { poiReadFromDbTriggerAtom } from "../store/atoms/poiReadFromDbTriggerAtom";
+import { readPoiMarkersStore } from "../redux/slices/readPoiMarkersStore.js";
+import { poiReadFromDbTriggerAtom } from "../redux/slices/poiReadFromDbTriggerSlice";
 
 const ShowAddStationPopup = ({ onClose, map, latlng }) => {
   const [poiTypData, setpoiTypData] = useState(); // Recoil State verwenden
@@ -26,10 +26,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         if (data && data.length > 0) {
           setPoiTypeId(data[0].idPoiTyp); // Set initial poiTypeId to the id of the first poiType
           setPoiTypeName(data[1].name); // Set initial poiTypeName to the name of the first poiType
-          console.log(
-            "Initial poiTypeId set in ShowAddStationPopup.js :",
-            data[0].idPoiTyp
-          );
+          console.log("Initial poiTypeId set in ShowAddStationPopup.js :", data[0].idPoiTyp);
         }
       } catch (error) {
         console.error("Fehler beim Abrufen der poiTyp Daten:", error);
@@ -72,10 +69,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         }
         console.log("Abgerufene Standort- und Gerätedaten:", data);
       } catch (error) {
-        console.error(
-          "Fehler beim Abrufen der Standort- und Gerätedaten:",
-          error
-        );
+        console.error("Fehler beim Abrufen der Standort- und Gerätedaten:", error);
       }
     };
 
@@ -91,8 +85,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
       poiTypeId,
       latitude,
       longitude,
-      idLD: locationDeviceData.find((device) => device.name === deviceName)
-        .idLD,
+      idLD: locationDeviceData.find((device) => device.name === deviceName).idLD,
     };
 
     const response = await fetch("/api/talas_v5_DB/pois/addLocation", {
@@ -129,15 +122,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         <label htmlFor="name" className="block mr-2 flex-none">
           Name :
         </label>
-        <input
-          type="text"
-          id="name"
-          name="name"
-          value={name}
-          onChange={(e) => setName(e.target.value)}
-          placeholder="Name der Station"
-          className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
-        />
+        <input type="text" id="name" name="name" value={name} onChange={(e) => setName(e.target.value)} placeholder="Name der Station" className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" />
       </div>
 
       {/* {locationDeviceData.----------------------------------------------*/}
@@ -145,13 +130,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         <label htmlFor="deviceName" className="block mr-2 flex-none">
           Gerät :
         </label>
-        <select
-          id="deviceName"
-          name="deviceName"
-          value={deviceName}
-          onChange={(e) => setDeviceName(e.target.value)}
-          className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
-        >
+        <select id="deviceName" name="deviceName" value={deviceName} onChange={(e) => setDeviceName(e.target.value)} className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm">
           {locationDeviceData.map((device, index) => (
             <option key={index} value={device.name}>
               {device.name}
@@ -164,13 +143,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         <label htmlFor="idPoiTyp2" className="block mr-2 flex-none">
           Typ:
         </label>
-        <select
-          id="idPoiTyp2"
-          name="idPoiTyp2"
-          value={poiTypeId}
-          onChange={(e) => setPoiTypeId(e.target.value)}
-          className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
-        >
+        <select id="idPoiTyp2" name="idPoiTyp2" value={poiTypeId} onChange={(e) => setPoiTypeId(e.target.value)} className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm">
           {poiTypData &&
             poiTypData.map((poiTyp, index) => (
               <option key={poiTyp.idPoiTyp || index} value={poiTyp.idPoiTyp}>
@@ -192,10 +165,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         </div>
       </div>
 
-      <button
-        type="submit"
-        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full"
-      >
+      <button type="submit" className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full">
         POI hinzufügen
       </button>
     </form>
diff --git a/components/pois/AddPoiModalWindow.js b/components/pois/AddPoiModalWindow.js
index e877c200f..eacc9b0bb 100644
--- a/components/pois/AddPoiModalWindow.js
+++ b/components/pois/AddPoiModalWindow.js
@@ -2,8 +2,8 @@
 import React, { useState, useEffect } from "react";
 import Select from "react-select"; // Importiere react-select
 import { useSetRecoilState, useRecoilState } from "recoil";
-import { mapLayersState } from "../../store/atoms/mapLayersState";
-import { poiReadFromDbTriggerAtom } from "../../store/atoms/poiReadFromDbTriggerAtom";
+import { mapLayersState } from "../../redux/slices/mapLayersState";
+import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice";
 
 const AddPoiModalWindow = ({ onClose, map, latlng }) => {
   const [poiTypData, setpoiTypData] = useState([]);
diff --git a/components/pois/PoiUpdateModal.js b/components/pois/PoiUpdateModal.js
index 932a21dfc..b65962d37 100644
--- a/components/pois/PoiUpdateModal.js
+++ b/components/pois/PoiUpdateModal.js
@@ -2,9 +2,9 @@
 import React, { useState, useEffect } from "react";
 import Select from "react-select"; // Importiere react-select
 import { useRecoilState } from "recoil";
-import { selectedPoiState } from "../../store/atoms/poiState";
-import { currentPoiState } from "../../store/atoms/currentPoiState";
-import { mapLayersState } from "../../store/atoms/mapLayersState";
+import { selectedPoiState } from "../../redux/slices/selectedPoiState";
+import { currentPoiState } from "../../redux/slices/currentPoiState";
+import { mapLayersState } from "../../redux/slices/mapLayersState";
 
 const PoiUpdateModal = ({ onClose, poiData, onSubmit }) => {
   const currentPoi = useRecoilState(currentPoiState);
diff --git a/components/pois/PoiUpdateModalWrapper.js b/components/pois/PoiUpdateModalWrapper.js
index 92debdc41..841039c9c 100644
--- a/components/pois/PoiUpdateModalWrapper.js
+++ b/components/pois/PoiUpdateModalWrapper.js
@@ -2,8 +2,8 @@
 import React, { useState } from "react";
 import PoiUpdateModal from "./PoiUpdateModal";
 import { useRecoilValue, useSetRecoilState } from "recoil";
-import { currentPoiState, selectedPoiState } from "../../store/atoms/poiState";
-import { poiReadFromDbTriggerAtom } from "../../store/atoms/poiReadFromDbTriggerAtom";
+import { currentPoiState, selectedPoiState } from "../../redux/slices/currentPoiState";
+import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice";
 
 const PoiUpdateModalWrapper = ({ show, onClose, latlng }) => {
   const setSelectedPoi = useSetRecoilState(selectedPoiState);
diff --git a/hooks/useCreateAndSetDevices.js b/hooks/useCreateAndSetDevices.js
index c1fcb9cdf..81446affd 100644
--- a/hooks/useCreateAndSetDevices.js
+++ b/hooks/useCreateAndSetDevices.js
@@ -1,7 +1,7 @@
 // /hooks/useCreateAndSetDevices.js
 import { useEffect } from "react";
 import { useRecoilState } from "recoil";
-import { polylineEventsDisabledState } from "../store/atoms/polylineEventsDisabledState";
+import { polylineEventsDisabledState } from "../redux/slices/polylineEventsDisabledState";
 import { createAndSetDevices } from "../utils/createAndSetDevices";
 
 const useCreateAndSetDevices = (systemId, setMarkersFunction, GisSystemStatic, priorityConfig) => {
diff --git a/hooks/useMapComponentState.js b/hooks/useMapComponentState.js
index 7d248a4b7..24cc78a8b 100644
--- a/hooks/useMapComponentState.js
+++ b/hooks/useMapComponentState.js
@@ -2,7 +2,7 @@
 import { useState, useEffect } from "react";
 import usePoiTypData from "./usePoiTypData";
 import { useRecoilValue } from "recoil";
-import { poiLayerVisibleState } from "../store/atoms/poiLayerVisibleState";
+import { poiLayerVisibleState } from "../redux/slices/poiLayerVisible";
 
 export const useMapComponentState = () => {
   const { poiTypData, isPoiTypLoaded } = usePoiTypData("/api/talas_v5_DB/poiTyp/readPoiTyp");
diff --git a/hooks/useMarkerLayers.js b/hooks/useMarkerLayers.js
index 05422f218..1cd298438 100644
--- a/hooks/useMarkerLayers.js
+++ b/hooks/useMarkerLayers.js
@@ -1,7 +1,7 @@
 // hooks/useMarkerLayers.js
 import { useEffect } from "react";
 import { useRecoilValue } from "recoil";
-import { mapLayersState } from "../store/atoms/mapLayersState";
+import { mapLayersState } from "../redux/slices/mapLayersState";
 
 const useMarkerLayers = (map, markers, layerType) => {
   const mapLayersVisibility = useRecoilValue(mapLayersState);
diff --git a/pages/index.js b/pages/index.js
index 40b1c50e1..f8b9e5764 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from "react";
 import dynamic from "next/dynamic";
 import { useRecoilState, useRecoilValue } from "recoil";
-import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore";
-import { poiReadFromDbTriggerAtom } from "../store/atoms/poiReadFromDbTriggerAtom";
+import { readPoiMarkersStore } from "../redux/slices/readPoiMarkersStore.js";
+import { poiReadFromDbTriggerAtom } from "../redux/slices/poiReadFromDbTriggerSlice";
 
 const MapComponentWithNoSSR = dynamic(() => import("../components/MapComponent"), { ssr: false });
 // TestScript ohne SSR
diff --git a/redux/websocketMiddleware.js b/redux/middleware/websocketMiddleware.js
similarity index 100%
rename from redux/websocketMiddleware.js
rename to redux/middleware/websocketMiddleware.js
diff --git a/store/atoms/currentPoiState.js b/redux/slices/currentPoiState.js
similarity index 100%
rename from store/atoms/currentPoiState.js
rename to redux/slices/currentPoiState.js
diff --git a/store/atoms/gisStationState.js b/redux/slices/gisStationsStaticDistrictSlice.js
similarity index 100%
rename from store/atoms/gisStationState.js
rename to redux/slices/gisStationsStaticDistrictSlice.js
diff --git a/store/atoms/gisSystemState.js b/redux/slices/gisSystemStaticSlice.js
similarity index 100%
rename from store/atoms/gisSystemState.js
rename to redux/slices/gisSystemStaticSlice.js
diff --git a/store/atoms/mapLayersState.js b/redux/slices/mapLayersState.js
similarity index 100%
rename from store/atoms/mapLayersState.js
rename to redux/slices/mapLayersState.js
diff --git a/store/atoms/poiLayerVisible.js b/redux/slices/poiLayerVisible.js
similarity index 100%
rename from store/atoms/poiLayerVisible.js
rename to redux/slices/poiLayerVisible.js
diff --git a/store/atoms/poiLayerVisibleState.js b/redux/slices/poiLayerVisibleState.js
similarity index 100%
rename from store/atoms/poiLayerVisibleState.js
rename to redux/slices/poiLayerVisibleState.js
diff --git a/store/atoms/poiReadFromDbTriggerAtom.js b/redux/slices/poiReadFromDbTriggerSlice.js
similarity index 100%
rename from store/atoms/poiReadFromDbTriggerAtom.js
rename to redux/slices/poiReadFromDbTriggerSlice.js
diff --git a/store/atoms/polylineEventsDisabledState.js b/redux/slices/polylineEventsDisabledState.js
similarity index 100%
rename from store/atoms/polylineEventsDisabledState.js
rename to redux/slices/polylineEventsDisabledState.js
diff --git a/store/atoms/polylineLayerVisibleState.js b/redux/slices/polylineLayerVisibleState.js
similarity index 100%
rename from store/atoms/polylineLayerVisibleState.js
rename to redux/slices/polylineLayerVisibleState.js
diff --git a/store/selectors/readPoiMarkersStore.js b/redux/slices/readPoiMarkersStore.js
similarity index 100%
rename from store/selectors/readPoiMarkersStore.js
rename to redux/slices/readPoiMarkersStore.js
diff --git a/store/atoms/selectedAreaState.js b/redux/slices/selectedAreaState.js
similarity index 100%
rename from store/atoms/selectedAreaState.js
rename to redux/slices/selectedAreaState.js
diff --git a/store/atoms/poiState.js b/redux/slices/selectedPoiState.js
similarity index 100%
rename from store/atoms/poiState.js
rename to redux/slices/selectedPoiState.js
diff --git a/store/atoms/urlParameterState.js b/redux/slices/urlParameterState.js
similarity index 100%
rename from store/atoms/urlParameterState.js
rename to redux/slices/urlParameterState.js
diff --git a/store/atoms/zoomTriggerState.js b/redux/slices/zoomTriggerState.js
similarity index 100%
rename from store/atoms/zoomTriggerState.js
rename to redux/slices/zoomTriggerState.js
diff --git a/redux/store.js b/redux/store.js
index a12ad9d77..5b989ce1e 100644
--- a/redux/store.js
+++ b/redux/store.js
@@ -1,6 +1,6 @@
 // /redux/store.js
 import { configureStore } from "@reduxjs/toolkit";
-import websocketMiddleware from "./websocketMiddleware";
+import websocketMiddleware from "./middleware/websocketMiddleware";
 import websocketReducer from "./reducer";
 
 // Erstelle den Store mit configureStore
diff --git a/store/atoms/mapAtom.js b/store/atoms/mapAtom.js
deleted file mode 100644
index aa6514fe2..000000000
--- a/store/atoms/mapAtom.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// store/atoms/mapAtom.js
-import { atom } from "recoil";
-
-export const mapAtom = atom({
-  key: "mapAtom", // Ein eindeutiger Schlüssel für Recoil
-  default: null, // Standardwert ist null, da die Karte noch nicht erstellt wurde
-});
diff --git a/store/atoms/poiDeviceNameState.js b/store/atoms/poiDeviceNameState.js
deleted file mode 100644
index b368995c9..000000000
--- a/store/atoms/poiDeviceNameState.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// store/atoms/poiDeviceNameState.js
-import { atom } from "recoil";
-
-export const poiDeviceNameState = atom({
-  key: "poiDeviceNameState",
-  default: "",
-});
diff --git a/store/atoms/poiTypState.js b/store/atoms/poiTypState.js
deleted file mode 100644
index 12e7a6e3b..000000000
--- a/store/atoms/poiTypState.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// store/poiTypState.js
-import { atom } from "recoil";
-
-export const poiTypState = atom({
-  key: "poiTypState", // eindeutiger Schlüssel
-  default: [], // Initialer Standardwert, leeres Array
-});
diff --git a/utils/createAndSetDevices.js b/utils/createAndSetDevices.js
index 41c6559fb..5ea568c71 100644
--- a/utils/createAndSetDevices.js
+++ b/utils/createAndSetDevices.js
@@ -6,7 +6,7 @@ import "leaflet.smooth_marker_bouncing";
 import { toast } from "react-toastify";
 import * as config from "../config/config.js";
 import { disablePolylineEvents, enablePolylineEvents } from "./setupPolylines"; // Importiere die Funktion zum Deaktivieren der Polyline-Ereignisse
-import { setPolylineEventsDisabled } from "../store/atoms/polylineEventsDisabledState"; // Importiere den Recoil-Atom-Zustand
+import { setPolylineEventsDisabled } from "../redux/slices/polylineEventsDisabledState"; // Importiere den Recoil-Atom-Zustand
 import { SERVER_URL } from "../config/urls.js";
 
 // Funktion zum Bestimmen der Priorität basierend auf dem Icon-Pfad
diff --git a/utils/setupPolylines.js b/utils/setupPolylines.js
index 75405b3e6..63a061f10 100644
--- a/utils/setupPolylines.js
+++ b/utils/setupPolylines.js
@@ -10,7 +10,7 @@ import endIcon from "../components/gisPolylines/icons/EndIcon";
 import { redrawPolyline } from "./mapUtils";
 import { openInNewTab } from "./openInNewTab";
 import { toast } from "react-toastify";
-import { polylineLayerVisibleState } from "../store/atoms/polylineLayerVisibleState";
+import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleState";
 import { useRecoilValue } from "recoil";
 
 const protocol = window.location.protocol; // z. B. 'http:' oder 'https:'