From ff55481273992a55bb9e9c73a08abfbada46288c Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 26 May 2025 11:50:39 +0200
Subject: [PATCH] refactor(map): useDrawLines.js auf Redux umgestellt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fetch-Aufruf ersetzt durch Redux-Thunk fetchGisLinesThunk
- gisLines aus Redux-Store bezogen mit selectGisLines
- Datenmapping erfolgt reaktiv via useEffect
- Version auf 1.1.174 erhöht
---
 CHANGELOG.md                 | 33 ++++++++++++++++++
 config/appVersion.js         |  2 +-
 hooks/layers/useDrawLines.js | 65 +++++++++++++++++++-----------------
 3 files changed, 68 insertions(+), 32 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0d377fa5a..24374e0aa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,39 @@ Alle bedeutenden Änderungen an diesem Projekt werden in dieser Datei dokumentie
 
 ---
 
+[1.1.174] – 2025-05-26
+♻️ Refactor
+useDrawLines.js vollständig auf Redux umgestellt:
+
+Entfernt: direkter fetch("/api/talas_v5_DB/gisLines/readGisLines")
+
+Stattdessen: Redux fetchGisLinesThunk() + selectGisLines verwendet
+
+Datenverarbeitung der points erfolgt reaktiv über Redux-State
+
+🧠 Architektur
+useDrawLines.js verwendet jetzt:
+
+fetchGisLinesService (Service)
+
+fetchGisLinesThunk (Thunk)
+
+gisLinesSlice mit Selektor selectGisLines
+
+State wird automatisch im Redux verwaltet (loading/succeeded/failed)
+
+✅ Cleanup
+Promise-Kette .then().catch() durch useSelector-basierten Effekt ersetzt
+
+Fehlerausgabe bei ungültigen points strukturiert behandelt
+
+Hook ist nun Redux-konform und testbar
+
+🔧 Version
+📦 Version erhöht auf 1.1.174
+
+---
+
 [1.1.173] – 2025-05-26
 ♻️ Refactor
 useMapComponentState.js vollständig auf Redux umgestellt:
diff --git a/config/appVersion.js b/config/appVersion.js
index 8576146d4..7df484db7 100644
--- a/config/appVersion.js
+++ b/config/appVersion.js
@@ -1,2 +1,2 @@
 // /config/appVersion
-export const APP_VERSION = "1.1.174";
+export const APP_VERSION = "1.1.175";
diff --git a/hooks/layers/useDrawLines.js b/hooks/layers/useDrawLines.js
index 6308acbcb..f76f3f99a 100644
--- a/hooks/layers/useDrawLines.js
+++ b/hooks/layers/useDrawLines.js
@@ -1,37 +1,40 @@
+// /hooks/layers/useDrawLines.js
 import { useEffect } from "react";
-const useDrawLines = (setLinePositions) => {
-  // Linien auf die Karte zeichnen
-  useEffect(() => {
-    const endpoint = "/api/talas_v5_DB/gisLines/readGisLines";
-    //const endpoint = "http://localhost/talas5/ClientData/WebServiceMap.asmx/GisLinesStatus?idMap=10";
-    fetch(endpoint)
-      .then((response) => {
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        return response.json();
-      })
-      .then((data) => {
-        const newLinePositions = data.map((item) => {
-          //console.log("item.idLD", item.idLD);
-          //console.log("item.idModul", item.idModul);
+import { useDispatch, useSelector } from "react-redux";
+import { fetchGisLinesThunk } from "../../redux/thunks/database/polylines/fetchGisLinesThunk";
+import { selectGisLines } from "../../redux/slices/database/polylines/gisLinesSlice";
 
-          if (item.points && Array.isArray(item.points)) {
-            return {
-              coordinates: item.points.map((point) => [point.x, point.y]),
-              idModul: item.idModul,
-              idLD: item.idLD,
-            };
-          } else {
-            throw new Error("Points missing or not an array");
-          }
-        });
-        setLinePositions(newLinePositions);
-      })
-      .catch((error) => {
-        console.error("Error fetching data:", error.message);
+const useDrawLines = (setLinePositions) => {
+  const dispatch = useDispatch();
+  const gisLines = useSelector(selectGisLines);
+
+  // Daten laden (nur einmal)
+  useEffect(() => {
+    dispatch(fetchGisLinesThunk());
+  }, [dispatch]);
+
+  // Linien aus GIS-Daten berechnen
+  useEffect(() => {
+    if (!Array.isArray(gisLines)) return;
+
+    try {
+      const newLinePositions = gisLines.map((item) => {
+        if (item.points && Array.isArray(item.points)) {
+          return {
+            coordinates: item.points.map((point) => [point.x, point.y]),
+            idModul: item.idModul,
+            idLD: item.idLD,
+          };
+        } else {
+          throw new Error("Points missing or not an array");
+        }
       });
-  }, []);
+
+      setLinePositions(newLinePositions);
+    } catch (err) {
+      console.error("❌ Fehler beim Zeichnen der Linien:", err.message);
+    }
+  }, [gisLines, setLinePositions]);
 };
 
 export default useDrawLines;