feat: Fullscreen-Zustand mit Redux verwaltet

- `isFullScreen` zum Redux-Slice hinzugefügt
- `ChartSwitcher.tsx` angepasst, um Redux zu nutzen
- `LoopMeasurementChart.tsx` & `TDRChart.tsx` auf Redux umgestellt
- Fullscreen-Zustand bleibt jetzt persistent
This commit is contained in:
ISA
2025-02-25 10:00:24 +01:00
parent 47120c4dea
commit 4c55e9e9fa
5 changed files with 29 additions and 8 deletions

View File

@@ -18,6 +18,7 @@ interface KabelueberwachungChartState {
isChartOpen: boolean;
slotNumber: number | null;
tdrChartData: TDRData[]; // Hinzufügen des TDR-Datenzustands
isFullScreen: boolean;
}
// Initialer Zustand des Slices
@@ -30,6 +31,7 @@ const initialState: KabelueberwachungChartState = {
isChartOpen: false,
slotNumber: null,
tdrChartData: [], // Initialisierung mit leerem Array
isFullScreen: false,
};
// Erstellung des Slices
@@ -78,6 +80,9 @@ const kabelueberwachungChartSlice = createSlice({
) => {
state.tdrChartData = action.payload;
},
setFullScreen: (state, action: PayloadAction<boolean>) => {
state.isFullScreen = action.payload; // **⬅️ Neue Action für Fullscreen**
},
},
});
@@ -91,6 +96,7 @@ export const {
setSelectedSlotType,
setChartOpen,
setTDRChartData,
setFullScreen,
} = kabelueberwachungChartSlice.actions;
// Export des Reducers