diff --git a/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx b/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx index c72fa2e..0fc6415 100644 --- a/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx +++ b/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx @@ -17,7 +17,7 @@ interface ChartSwitcherProps { const ChartSwitcher: React.FC = ({ isOpen, onClose }) => { const dispatch = useDispatch(); const activeMode = useSelector( - (state: RootState) => state.loopMeasurementCurveChartData.activeMode + (state: RootState) => state.kueChartMode.activeMode ); // **Neue Funktion: Modal schließen + Redux-Status zurücksetzen** diff --git a/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx b/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx index fbf3bf7..ac25957 100644 --- a/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx +++ b/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx @@ -20,7 +20,7 @@ import { loadTDRChartData } from "../../../../utils/loadTDRChartData"; import { loadLoopChartData } from "../../../../utils/loadLoopChartData"; import { Kue705FOProps } from "../../../../types/components/Kue705FOProps"; import ChartSwitcher from "./Charts/ChartSwitcher"; -import { setActiveMode } from "../../../../redux/slices/chartDataSlice"; +import { setActiveMode } from "../../../../redux/slices/kueChartModeSlice"; import LoopMeasurementChart from "./Charts/LoopMeasurementChart/LoopMeasurementChart"; import TDRChart from "./Charts/TDRChart/TDRChart"; import handleButtonClick from "./kue705FO-Funktionen/handleButtonClick"; diff --git a/components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts b/components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts index 22d2038..c0d8d1e 100644 --- a/components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts +++ b/components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts @@ -1,6 +1,6 @@ // components/main/kabelueberwachung/kue705FO/kue705FO-Funktionen/handleButtonClick.ts import { Dispatch } from "react"; -import { setActiveMode } from "../../../../../redux/slices/chartDataSlice"; +import { setActiveMode } from "../../../../../redux/slices/kueChartModeSlice"; const handleButtonClick = ( button: "Schleife" | "TDR", diff --git a/redux/slices/chartDataSlice.ts b/redux/slices/chartDataSlice.ts deleted file mode 100644 index d9c1ed1..0000000 --- a/redux/slices/chartDataSlice.ts +++ /dev/null @@ -1,34 +0,0 @@ -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({ - name: "loopMeasurementCurveChartData", - initialState, - reducers: { - setLoopMeasurementCurveChartData: (state, action: PayloadAction) => { - state.data = action.payload; - }, - clearChartData: (state) => { - state.data = []; - }, - setActiveMode: (state, action: PayloadAction<"Schleife" | "TDR">) => { - state.activeMode = action.payload; // 🔥 Speichert den Modus (Schleife oder TDR) - }, - }, -}); - -export const { - setLoopMeasurementCurveChartData, - clearChartData, - setActiveMode, -} = chartDataSlice.actions; -export default chartDataSlice.reducer; diff --git a/redux/slices/kueChartModeSlice.ts b/redux/slices/kueChartModeSlice.ts new file mode 100644 index 0000000..8ad92ca --- /dev/null +++ b/redux/slices/kueChartModeSlice.ts @@ -0,0 +1,23 @@ +// /redux/slices/kueChartModeSlice.ts +import { createSlice, PayloadAction } from "@reduxjs/toolkit"; + +interface KueChartModeState { + activeMode: "Schleife" | "TDR"; // 🔥 Neuer Zustand für den aktiven Modus +} + +const initialState: KueChartModeState = { + activeMode: "Schleife", // Standard ist Schleife +}; + +export const kueChartModeSlice = createSlice({ + name: "kueChartMode", + initialState, + reducers: { + setActiveMode: (state, action: PayloadAction<"Schleife" | "TDR">) => { + state.activeMode = action.payload; // 🔥 Speichert den Modus (Schleife oder TDR) + }, + }, +}); + +export const { setActiveMode } = kueChartModeSlice.actions; +export default kueChartModeSlice.reducer; diff --git a/redux/store.ts b/redux/store.ts index c242a15..be9ebac 100644 --- a/redux/store.ts +++ b/redux/store.ts @@ -2,7 +2,7 @@ import { configureStore } from "@reduxjs/toolkit"; import authReducer from "./slices/authSlice"; import variablesReducer from "./slices/variablesSlice"; -import chartDataReducer from "./slices/chartDataSlice"; +import kueChartModeReducer from "./slices/kueChartModeSlice"; import webVersionReducer from "./slices/webVersionSlice"; import digitalInputsReducer from "./slices/digitalInputsSlice"; import kabelueberwachungChartReducer from "./slices/kabelueberwachungChartSlice"; @@ -11,7 +11,7 @@ const store = configureStore({ reducer: { auth: authReducer, variables: variablesReducer, - loopMeasurementCurveChartData: chartDataReducer, + kueChartMode: kueChartModeReducer, webVersion: webVersionReducer, digitalInputs: digitalInputsReducer, kabelueberwachungChart: kabelueberwachungChartReducer,