Files
CPLv4.0/redux/thunks/fetchAllTDRChartThunk.ts
ISA 0bdf5b29ea feat: Verbesserung der Slot-Auswahl und Chart-Steuerung
- `selectedSlot` in `kueChartModeSlice.ts` hinzugefügt, um den aktiven Slot zu speichern.
- `handleButtonClick.ts` aktualisiert, damit `selectedSlot` in Redux gesetzt wird.
- `handleOpenChartModal.ts` angepasst, sodass `selectedSlot` beim Öffnen des Modals gesetzt wird.
- `Kue705FO.tsx` nutzt jetzt Redux für die Slot- und Modus-Steuerung (`selectedSlot`, `activeMode`).
- Redux-Logik optimiert: `selectedSlot` wird nun konsistent zwischen `TDRChart.tsx` und `ChartSwitcher.tsx` genutzt.
- Verbesserung der Benutzererfahrung: Nur `onClick` verwendet, `onMouseOver` wegen Performance-Problemen vermieden.

 Jetzt wird der richtige Slot in Redux gespeichert, wenn ein Button oder das Chart-Modal geöffnet wird.
 `TDRChart.tsx` zeigt nur das gewählte Modul an, kein unnötiges Neuladen von Daten.
 Stabile und optimierte Chart-Steuerung ohne ungewollte Änderungen durch Mausbewegungen.
2025-03-20 11:50:14 +01:00

46 lines
1.5 KiB
TypeScript

// /redux/thunks/fetchAllTDRChartThunk.ts
import { createAsyncThunk } from "@reduxjs/toolkit";
import { RootState } from "../store";
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 (
JSON.stringify(currentData) !== JSON.stringify(newData) ||
currentData.length === 0
) {
return newData;
} else {
return rejectWithValue("Keine Änderungen in den Daten.");
}
}
);