feat: Struktur für Charts verbessert und Komponenten getrennt

- `LoopMeasurementChart.tsx` und `TDRChart.tsx` erstellt für separate Diagramm-Darstellungen.
- Neue Struktur unter `/components/modules/kue705FO/charts/` eingeführt.
- `ChartModal.tsx` bleibt für generelle Nutzung erhalten.
- Erhöhte Wartbarkeit und Modularität durch Trennung der Chart-Komponenten.
This commit is contained in:
ISA
2025-02-13 11:55:52 +01:00
parent d67ad97f83
commit 5c7b5555c4
17 changed files with 411 additions and 91 deletions

View File

@@ -2,10 +2,12 @@ import { createSlice, PayloadAction } from "@reduxjs/toolkit";
interface ChartDataState {
data: any[];
activeMode: "Schleife" | "TDR"; // 🔥 Neuer Zustand für den aktiven Modus
}
const initialState: ChartDataState = {
data: [],
activeMode: "Schleife", // Standard ist Schleife
};
export const chartDataSlice = createSlice({
@@ -18,8 +20,12 @@ export const chartDataSlice = createSlice({
clearChartData: (state) => {
state.data = [];
},
setActiveMode: (state, action: PayloadAction<"Schleife" | "TDR">) => {
state.activeMode = action.payload; // 🔥 Speichert den Modus (Schleife oder TDR)
},
},
});
export const { setChartData, clearChartData } = chartDataSlice.actions;
export const { setChartData, clearChartData, setActiveMode } =
chartDataSlice.actions;
export default chartDataSlice.reducer;