75529f030e
- `fetchAllTDRChartThunk.ts`: Vergleich der aktuellen und neuen Daten mit `lodash.isEqual`, um unnötige Redux-Updates zu vermeiden.
- `TDRChart.tsx`: Nutzt `selectedSlot` aus `kueChartModeSlice.ts`, um nur den relevanten Slot im Chart anzuzeigen.
- `ChartSwitcher.tsx`: Ruft alle 10 Sekunden `fetchAllTDRChartData` auf, um Änderungen zu prüfen.
- `tdrChartSlice.ts`: Speichert nur neue Daten, wenn sie sich von den vorherigen unterscheiden.
- Fix: `activeMode` aus `kueChartModeSlice.ts` wird für die Auswahl zwischen TDR- und Schleifenmessung verwendet.
- Code Cleanup und Logging für bessere Debugging-Unterstützung.
🔥 Jetzt aktualisiert sich der TDR-Chart automatisch, wenn sich die Daten ändern, ohne dass ein Neuladen der Seite erforderlich ist.
52 lines
1.7 KiB
TypeScript
52 lines
1.7 KiB
TypeScript
// /redux/thunks/fetchAllTDRChartThunk.ts
|
||
import { createAsyncThunk } from "@reduxjs/toolkit";
|
||
import { RootState } from "../store";
|
||
import isEqual from "lodash/isEqual";
|
||
|
||
const BASE_PATH = "/CPLmockData/LastTDR/jsonDatei";
|
||
|
||
export const fetchAllTDRChartData = createAsyncThunk(
|
||
"tdrChart/fetchAllTDRChartData",
|
||
async (_, { getState, rejectWithValue }) => {
|
||
const state: RootState = getState() as RootState;
|
||
const currentData = state.tdrChart.data; // Aktuelle Redux-Daten
|
||
|
||
const fileNames = Array.from({ length: 32 }, (_, i) => `slot${i}.json`);
|
||
const fetchPromises = fileNames.map(async (fileName) => {
|
||
try {
|
||
const response = await fetch(`${BASE_PATH}/${fileName}`);
|
||
if (!response.ok)
|
||
throw new Error(`Fehler bei ${fileName}: ${response.statusText}`);
|
||
return await response.json();
|
||
} catch (error) {
|
||
console.error(`Fehler beim Laden von ${fileName}:`, error);
|
||
return null;
|
||
}
|
||
});
|
||
|
||
const newData = await Promise.all(fetchPromises);
|
||
|
||
//console.log("Geladene Daten:", newData);
|
||
|
||
// Falls die Daten leer oder identisch sind, aber initial leer waren, trotzdem speichern
|
||
if (newData.every((d) => d === null || d === undefined)) {
|
||
console.warn("⚠ Keine gültigen Daten empfangen.");
|
||
return rejectWithValue("Keine gültigen Daten empfangen.");
|
||
}
|
||
|
||
if (
|
||
!isEqual(
|
||
JSON.parse(JSON.stringify(currentData)),
|
||
JSON.parse(JSON.stringify(newData))
|
||
) ||
|
||
currentData.length === 0
|
||
) {
|
||
console.log("🔥 Neue Daten erkannt – Redux wird aktualisiert.");
|
||
return newData;
|
||
} else {
|
||
console.log("⚠ Keine signifikanten Änderungen erkannt.");
|
||
return rejectWithValue("Keine Änderungen in den Daten.");
|
||
}
|
||
}
|
||
);
|