fix: System ->Detailansicht -> Modal

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.678
+NEXT_PUBLIC_APP_VERSION=1.6.679
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.678
+NEXT_PUBLIC_APP_VERSION=1.6.679
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.679] – 2025-08-01
+
+- fix: Chart System
+
+---
 ## [1.6.678] – 2025-08-01
 
 - fix: nur Daten abrufen, wenn 'Daten laden' button geklickt wird

components/main/system/DetailModal.tsx

@@ -1,6 +1,6 @@
 "use client";
 // /components/main/system/DetailModal.tsx
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState, useCallback } from "react";
 import { Line } from "react-chartjs-2";
 import { useSelector } from "react-redux";
 import { RootState, useAppDispatch } from "@/redux/store";
@@ -173,6 +173,20 @@ export const DetailModal = ({
   );
   const dispatch = useAppDispatch();
 
+  // Reset Zeitraum auf DIA0 und Datumswerte wenn Modal geöffnet wird
+  useEffect(() => {
+    if (isOpen) {
+      setZeitraum("DIA0");
+      dispatch(setVonDatum(""));
+      dispatch(setBisDatum(""));
+
+      // Automatisch Daten laden nach dem Reset
+      setTimeout(() => {
+        handleFetchData();
+      }, 100); // Kurze Verzögerung damit setZeitraum wirksam wird
+    }
+  }, [isOpen, setZeitraum, dispatch]);
+
   const toggleFullScreen = () => {
     dispatch(setFullScreen(!isFullScreen));
     setTimeout(() => {
@@ -199,8 +213,8 @@ export const DetailModal = ({
     loadZoomPlugin();
   }, []);
 
-  // API-Request beim Klick auf "Daten laden"
-  const handleFetchData = () => {
+  // API-Request beim Klick auf "Daten laden" - memoized für useEffect dependency
+  const handleFetchData = useCallback(() => {
     setIsLoading(true);
 
     // Clear previous chart data
@@ -231,7 +245,7 @@ export const DetailModal = ({
       default:
         break;
     }
-  };
+  }, [selectedKey, zeitraum, dispatch]);
 
   useEffect(() => {
     if (chartRef.current && selectedKey) {

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.678",
+  "version": "1.6.679",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.678",
+      "version": "1.6.679",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.678",
+  "version": "1.6.679",
   "private": true,
   "scripts": {
     "dev": "next dev",