feat: Geräte-Daten aus Redux-Store in POI-Bearbeiten-Modal integriert

- Geräte-Liste wird jetzt direkt aus dem Redux-Store (locationDevicesFromDB) verwendet.
- Dropdown-Menü zeigt alle verfügbaren Geräte aus der Datenbank.
- Beim Öffnen des Modals wird der vorher zugewiesene Gerätname automatisch ausgewählt (Pre-Selection).
- Cleanup und Optimierung: Keine separaten API-Calls mehr im Modal.
- Struktur verbessert durch Auslagerung der Lade-Logik in useInitLocationDevices Hook.

components/PoiUpdateModal.js

@@ -1,11 +1,15 @@
-// pages/api/poiUpdateModal.js
-//
+// /components/PoiUpdateModal.js
 import React, { useState, useEffect } from "react";
 import { useRecoilValue } from "recoil";
 import { selectedPoiState } from "../redux/slices/selectedPoiSlice";
 import { currentPoiState } from "../redux/slices/currentPoiSlice";
+import { fetchLocationDevicesFromDB } from "../redux/slices/db/locationDevicesFromDBSlice";
+import { useDispatch, useSelector } from "react-redux";
 
 const PoiUpdateModal = ({ onClose, poiData }) => {
+  const dispatch = useDispatch();
+  const devices = useSelector((state) => state.locationDevicesFromDB.devices);
+
   const currentPoi = useRecoilValue(currentPoiState);
   const selectedPoi = useRecoilValue(selectedPoiState);
   const [poiId, setPoiId] = useState(poiData ? poiData.idPoi : "");
@@ -19,6 +23,10 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
 
   const [description, setDescription] = useState(poiData ? poiData.description : "");
 
+  useEffect(() => {
+    dispatch(fetchLocationDevicesFromDB());
+  }, [dispatch]);
+
   // Log the initial POI data
   useEffect(() => {
     if (poiData) {
@@ -117,28 +125,6 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
     fetchPoiTypData();
   }, [selectedPoi]);
 
-  // Fetch device data um den Gerät Namen in den dropdown menu anzuzeigen also erstmal die Liste der Geräte abrufen
-  useEffect(() => {
-    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 data = await response.json();
-        //console.log("Standort- und Gerätedaten:", data);
-        setLocationDeviceData(data);
-        console.log("Standort- und Gerätedaten poiData:", poiData);
-        if (poiData && poiData.idLD) {
-          const selectedDevice = data.find((device) => device.id === poiData.idLD);
-          setDeviceName(selectedDevice ? selectedDevice.id : data[0].id); // Hier wird die ID als initialer Zustand gesetzt
-          console.log("Selected Device:", selectedDevice);
-          console.log("Selected devciceName:", deviceName);
-        }
-      } catch (error) {
-        console.error("Fehler beim Abrufen der Standort- und Gerätedaten:", error);
-      }
-    };
-    fetchData();
-  }, []);
   //--------------------------------------------------------------------------------------------
   // Fetch device name basierend auf der Geräte-ID