25b63e3a31
- `fetchAnalogeEingaengeThunk` in `AnalogeEingaengeTable.tsx` verwendet, um API-Daten in Redux zu speichern.
- `useFetchAnalogeEingaenge` entfernt, um doppelte API-Aufrufe zu vermeiden.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- Automatische Aktualisierung der API-Daten alle 10 Sekunden über Redux-Thunk.
- Code-Optimierungen für eine stabilere Client-Side-Architektur mit Next.js.
✅ Jetzt läuft Redux-Thunk stabil & effizient in der Next.js-Anwendung!
24 lines
717 B
TypeScript
24 lines
717 B
TypeScript
// /utils/loadLoopChartData.ts
|
|
import { createLoopChart } from "./chartUtils";
|
|
|
|
export const loadLoopChartData = (
|
|
slotIndex: number,
|
|
setLoopMeasurementCurveChartData: (data: any) => void
|
|
) => {
|
|
const environment = process.env.NODE_ENV || "production";
|
|
const fileData =
|
|
environment === "production"
|
|
? `/CPL?/CPL/4000values/slot${slotIndex}.json`
|
|
: `/CPLmockData/4000values/slot${slotIndex}.json`;
|
|
|
|
fetch(fileData)
|
|
.then((response) => response.json())
|
|
.then((data) => {
|
|
setLoopMeasurementCurveChartData(data);
|
|
createLoopChart(data, "Schleifenmesskurve");
|
|
})
|
|
.catch((error) =>
|
|
console.error("Fehler beim Laden der Schleifenmesskurvendaten:", error)
|
|
);
|
|
};
|