feat: TDR Chart Sortieren Button Chart aktualisieren

This commit is contained in:
Ismail Ali
2025-03-16 15:44:34 +01:00
parent 6cc904e7d9
commit c2568a7505
2 changed files with 11 additions and 5 deletions

View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect, useRef } from "react";
import React, { useState, useEffect } from "react";
import { useDispatch } from "react-redux";
import { setTDRChartData } from "../../../../../../redux/slices/kabelueberwachungChartSlice";
@@ -40,7 +40,10 @@ const TDRChartActionBar: React.FC = () => {
}
setDateiListe(files);
setAusgewählteDatei(files.length > 0 ? files[0] : ""); // 🟢 Automatische Auswahl der ersten Datei
if (files.length > 0) {
setAusgewählteDatei(files[0]); // 🟢 Automatische Auswahl der ersten Datei
loadAndStoreChartData(files[0]); // 🟢 Chart-Daten sofort aktualisieren
}
} catch (error) {
console.error("Fehler beim Laden der Datei directory.json:", error);
}
@@ -56,12 +59,15 @@ const TDRChartActionBar: React.FC = () => {
loadAndStoreChartData(selectedFile);
};
// 📌 Sortieren der Datei-Liste und automatische Anpassung der Auswahl
// 📌 Sortieren der Datei-Liste und Chart sofort aktualisieren
const handleSortToggle = () => {
setSortAscending(!sortAscending);
setDateiListe((prevListe) => {
const newListe = [...prevListe].reverse(); // 🔄 Reihenfolge umkehren
setAusgewählteDatei(newListe.length > 0 ? newListe[0] : ""); // 🟢 Erste Datei auswählen
if (newListe.length > 0) {
setAusgewählteDatei(newListe[0]); // 🟢 Erste Datei nach dem Sortieren auswählen
loadAndStoreChartData(newListe[0]); // 🟢 Chart sofort aktualisieren
}
return newListe;
});
};