refactor: lade TDM-Liste nur im TDR-Modus über TDRChartActionBar

- fetchTDMDataBySlotThunk aus ChartSwitcher entfernt
- TDM-Daten werden jetzt gezielt im TDR-Kontext geladen
- Vermeidet Konflikte mit Schleifenmodus und spart Ressourcen
This commit is contained in:
ISA
2025-03-28 08:32:32 +01:00
parent 4e459a7f36
commit 35c9c1e486
5 changed files with 69 additions and 12 deletions

View File

@@ -1,15 +1,18 @@
// /components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartActionBar.tsx
import React, { useState } from "react";
import React, { useState, useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useAppDispatch } from "../../../../../../redux/store";
import { RootState } from "../../../../../../redux/store";
import { fetchTDRChartDataById } from "../../../../../../services/fetchTDRChartDataById";
import {
setTDRChartDataById,
setSelectedTDRId,
} from "../../../../../../redux/slices/tdrDataByIdSlice";
import { fetchTDMDataBySlotThunk } from "../../../../../../redux/thunks/fetchTDMDataBySlotThunk";
const TDRChartActionBar: React.FC = () => {
const dispatch = useDispatch();
const dispatch = useAppDispatch();
const tdmChartData = useSelector((state: RootState) => state.tdmChart.data);
const selectedSlot = useSelector(
@@ -54,7 +57,12 @@ const TDRChartActionBar: React.FC = () => {
alert("❌ Referenzkurve konnte nicht gesetzt werden.");
}
};
//-------------------------------
useEffect(() => {
if (selectedSlot !== null) {
dispatch(fetchTDMDataBySlotThunk(selectedSlot));
}
}, [selectedSlot]);
//--------------------------------
return (
<div className="flex justify-between items-center p-2 bg-gray-100 rounded-lg space-x-4">