From 6b84eb24951ccab89486514af737e06497ad8ee8 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Tue, 29 Apr 2025 15:25:03 +0200
Subject: [PATCH] =?UTF-8?q?style:=20Abstand=20zwischen=20TALAS-Logo=20und?=
 =?UTF-8?q?=20Meldestation-Text=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- space-x-4 für saubere Trennung zwischen Logo und Text
- Layout verbessert, bessere Lesbarkeit
---
 components/header/Header.tsx                     |  2 +-
 .../kue705FO/modals/KueEinstellung.tsx           | 16 ++++++++++++++--
 components/navigation/Navigation.tsx             |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/components/header/Header.tsx b/components/header/Header.tsx
index 11f6bfc..d58823f 100644
--- a/components/header/Header.tsx
+++ b/components/header/Header.tsx
@@ -86,7 +86,7 @@ function Header() {
         />
       </div>
       {/* TALAS-Logo + Text nebeneinander (flexibel oben links) */}
-      <div className="flex items-center  transform   translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
+      <div className="flex items-center space-x-8 transform translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
         <Image
           src="/images/logo-talas-2024.png"
           alt="TALAS Logo"
diff --git a/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx b/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx
index 149ce40..e8db7ae 100644
--- a/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx
+++ b/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx
@@ -83,10 +83,18 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
 - Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
 
   */
+  //----------------------------------------------------------------
   const [initialized, setInitialized] = useState(false);
+  const [editMode, setEditMode] = useState(false);
+  useEffect(() => {
+    setEditMode(true);
+    return () => {
+      setEditMode(false);
+    };
+  }, []);
 
   useEffect(() => {
-    if (!initialized) {
+    if (!initialized && editMode) {
       setLocalName(kueID[slot] || "");
       setLocalLimit1(kueLimit1[slot] ?? "");
       setLocalDelay1(kueDelay1[slot] ?? "");
@@ -95,9 +103,12 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
       setLocalMemoryInterval(memoryInterval[slot] ?? "");
       setInitialized(true);
     }
-  }, [initialized, slot]);
+  }, [initialized, slot, editMode]);
 
+  //----------------------------------------------------------------
   const handleSaveWrapper = () => {
+    setEditMode(false); // <--- Editmode deaktivieren
+    onClose(); // <--- Modal direkt schließen
     const originalValues: OriginalValues = {
       kueID: [...(window.win_kueID ?? [])],
       isolationsgrenzwerte: [...(window.win_kueLimit1 ?? [])],
@@ -125,6 +136,7 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
   };
 
   const updateRedux = () => {
+    if (!editMode) return;
     dispatch(
       setKueData({
         kueID: [...kueID.slice(0, slot), localName, ...kueID.slice(slot + 1)],
diff --git a/components/navigation/Navigation.tsx b/components/navigation/Navigation.tsx
index 1466799..54db865 100644
--- a/components/navigation/Navigation.tsx
+++ b/components/navigation/Navigation.tsx
@@ -25,7 +25,7 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
     { name: "Übersicht", path: "/dashboard" },
     { name: "Kabelüberwachung ", path: "/kabelueberwachung" },
     { name: "Meldungseingänge ", path: "/digitalInputs" }, //vorher Digitale Ein -und Ausgänge
-    { name: "Schaltausgänge ", path: "/digitalOutputs", disabled: false }, //vorher Digitale Ein -und Ausgänge
+    { name: "Schaltausgänge ", path: "/digitalOutputs", disabled: true }, //vorher Digitale Ein -und Ausgänge
     { name: "Messwertüberwachung  ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
     { name: "Berichte ", path: "/meldungen" },
     { name: "System ", path: "/system" },