diff --git a/.env.development b/.env.development index 8f66c39..bebdce5 100644 --- a/.env.development +++ b/.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) diff --git a/.env.production b/.env.production index 9a6baf7..8c88872 100644 --- a/.env.production +++ b/.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 \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 8539c9a..3c3ac45 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/components/main/system/DetailModal.tsx b/components/main/system/DetailModal.tsx index 1504e8c..1df03a2 100644 --- a/components/main/system/DetailModal.tsx +++ b/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) { diff --git a/package-lock.json b/package-lock.json index 23353d8..4f7d714 100644 --- a/package-lock.json +++ b/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", diff --git a/package.json b/package.json index 23abaf3..0adc211 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cpl-v4", - "version": "1.6.678", + "version": "1.6.679", "private": true, "scripts": { "dev": "next dev",