Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tdrChartData und loopMeasurementCurveChartData in einem Redux Slice kabelueberwachung für bessere Struktur

Browse Source
This commit is contained in:
Ismail Ali
2025-02-22 16:57:40 +01:00
parent c0101b35ab
commit 9b5a502ab6
6 changed files with 46 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartActionBar.tsx
View File

@@ -1,11 +1,7 @@
// /components/modules/kue705FO/charts/TDRChart/TDRChartActionBar.tsx
import React, { useState, useEffect, useRef } from "react";
import DateRangePicker from "../DateRangePicker";
import TDRChart from "../../../../kabelueberwachung/kue705FO/Charts/TDRChart/TDRChart";
import { setLoopMeasurementCurveChartData } from "../../../../../../redux/slices/chartDataSlice";
import { parseISO } from "date-fns";
import { useDispatch } from "react-redux";
import { setTDRChartData } from "../../../../../../redux/slices/tdrChartDataSlice";
import { setTDRChartData } from "../../../../../../redux/slices/kabelueberwachungChartSlice";
const TDRChartActionBar: React.FC = () => {
const dispatch = useDispatch();
@@ -101,8 +97,9 @@ const TDRChartActionBar: React.FC = () => {
const chartRef = useRef<HTMLCanvasElement>(null);
// Zustand für die Chart-Daten
const [loopMeasurementCurveChartData, setLoopMeasurementCurveChartData] =
useState<{ timestamp: string; tdr: number }[]>([]);
const [tdrChartData, settdrChartData] = useState<
{ timestamp: string; tdr: number }[]
>([]);
useEffect(() => {
// Aktuelles Jahr und Monat ermitteln
@@ -126,7 +123,7 @@ const TDRChartActionBar: React.FC = () => {
})
.then((data) => {
// Annahme: data ist ein Array von Objekten mit den Eigenschaften 'timestamp' und 'tdr'
setLoopMeasurementCurveChartData(data);
settdrChartData(data);
})
.catch((error) => {
console.error("Fehler beim Abrufen der Daten:", error);