From 8c638acfc79f9151bd1d30506223693fdc443707 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Fri, 14 Mar 2025 08:49:28 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Dynamische=20Einheit=20in=20Redux=20f?=
 =?UTF-8?q?=C3=BCr=20Schleifen-=20und=20Isolationswiderstand=20hinzugef?=
 =?UTF-8?q?=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Redux-Slice erweitert um `unit`-State (kOhm/MOhm)
- `setSelectedSlotType` aktualisiert die Einheit basierend auf der Auswahl
- Dropdown in `LoopChartActionBar.tsx` angepasst, um Einheit zu setzen
- Y-Achse und Tooltip in `LoopMeasurementChart.tsx` zeigen dynamisch die Einheit aus Redux
- Initialwert von `bisDatum` auf das heutige Datum gesetzt
---
 .../LoopMeasurementChart.tsx                  | 19 +++++++++++--------
 redux/slices/kabelueberwachungChartSlice.ts   |  5 ++++-
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
index c24a8f0..30ec783 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
@@ -15,7 +15,7 @@ import {
 } from "recharts";
 import { setBrushRange } from "../../../../../../redux/slices/brushSlice";
 
-const CustomTooltip = ({ active, payload, label }: any) => {
+const CustomTooltip = ({ active, payload, label, unit }: any) => {
   if (active && payload && payload.length) {
     const messwertMax = payload.find(
       (p: any) => p.dataKey === "messwertMaximum"
@@ -40,12 +40,12 @@ const CustomTooltip = ({ active, payload, label }: any) => {
         <strong>{new Date(label).toLocaleString()}</strong>
         {messwertMax && (
           <div style={{ color: "grey" }}>
-            Messwert Maximum: {messwertMax.value.toFixed(2)} kOhm
+            Messwert Maximum: {messwertMax.value.toFixed(2)} {unit}
           </div>
         )}
         {messwert && (
           <div style={{ color: "#00AEEF", fontWeight: "bold" }}>
-            Messwert: {messwert.value.toFixed(2)} kOhm
+            Messwert: {messwert.value.toFixed(2)} {unit}
           </div>
         )}
         {messwertDurchschnitt && (
@@ -53,12 +53,12 @@ const CustomTooltip = ({ active, payload, label }: any) => {
             style={{ color: "#00AEEF" }}
           >{`Messwert Durchschnitt: ${messwertDurchschnitt.value.toFixed(
             2
-          )} kOhm`}</div>
+          )} ${unit}`}</div>
         )}
         {messwertMin && (
           <div
             style={{ color: "grey" }}
-          >{`Messwert Minimum: ${messwertMin.value.toFixed(2)} kOhm`}</div>
+          >{`Messwert Minimum: ${messwertMin.value.toFixed(2)} ${unit}`}</div>
         )}
       </div>
     );
@@ -68,6 +68,9 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 
 const LoopMeasurementChart = () => {
   const dispatch = useDispatch();
+  const unit = useSelector(
+    (state: RootState) => state.kabelueberwachungChart.unit
+  );
 
   const brushRange = useSelector((state: RootState) => state.brush);
   const {
@@ -156,11 +159,11 @@ const LoopMeasurementChart = () => {
             tickFormatter={(zeit) => new Date(zeit).toLocaleDateString()}
           />
           <YAxis
-            label={{ value: "kOhm", angle: -90, position: "insideLeft" }}
+            label={{ value: unit, angle: -90, position: "insideLeft" }}
             domain={["auto", "auto"]}
-            tickFormatter={(wert) => `${wert.toFixed(2)} kOhm`}
+            tickFormatter={(wert) => `${wert.toFixed(0)} `}
           />
-          <Tooltip content={<CustomTooltip />} />
+          <Tooltip content={<CustomTooltip unit={unit} />} />
           <Legend
             verticalAlign="top"
             align="center"
diff --git a/redux/slices/kabelueberwachungChartSlice.ts b/redux/slices/kabelueberwachungChartSlice.ts
index b6f3d49..c6b61a8 100644
--- a/redux/slices/kabelueberwachungChartSlice.ts
+++ b/redux/slices/kabelueberwachungChartSlice.ts
@@ -19,19 +19,21 @@ interface KabelueberwachungChartState {
   slotNumber: number | null;
   tdrChartData: TDRData[]; // Hinzufügen des TDR-Datenzustands
   isFullScreen: boolean;
+  unit: "kOhm" | "MOhm"; // 🆕 Einheit für Messwerte
 }
 
 // Initialer Zustand des Slices
 const initialState: KabelueberwachungChartState = {
   loopMeasurementCurveChartData: [],
   vonDatum: "2025-02-01",
-  bisDatum: "2025-02-28",
+  bisDatum: new Date().toISOString().split("T")[0], // Heutiges Datum als Standardwert
   selectedMode: "DIA0",
   selectedSlotType: "schleifenwiderstand",
   isChartOpen: false,
   slotNumber: null,
   tdrChartData: [], // Initialisierung mit leerem Array
   isFullScreen: false,
+  unit: "kOhm", // Standard auf Schleifenwiderstand (kOhm)
 };
 
 // Erstellung des Slices
@@ -68,6 +70,7 @@ const kabelueberwachungChartSlice = createSlice({
       action: PayloadAction<"isolationswiderstand" | "schleifenwiderstand">
     ) => {
       state.selectedSlotType = action.payload;
+      state.unit = action.payload === "schleifenwiderstand" ? "kOhm" : "MOhm"; // 🆕 Einheit setzen
     },
     // Aktion zum Öffnen oder Schließen des Charts
     setChartOpen: (state, action: PayloadAction<boolean>) => {