f9c2dc7bc9
- `fetchDigitaleEingaengeThunk.ts` erstellt, um digitale Eingänge in Redux zu speichern.
- `fetchDigitaleEingaenge.ts` erstellt, um API-Daten aus `de.js` zu laden.
- `digitalInputsSlice.ts` hinzugefügt, um digitale Eingänge in Redux zu verwalten.
- `DigitalInputs.tsx` überarbeitet: Zwei Tabellen für digitale Eingänge hinzugefügt.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- API-Calls werden nun alle 10 Sekunden aktualisiert.
✅ Jetzt läuft Redux-Thunk stabil & effizient für digitale Eingänge!
41 lines
1.6 KiB
TypeScript
41 lines
1.6 KiB
TypeScript
// /redux/store.ts
|
|
import { configureStore } from "@reduxjs/toolkit";
|
|
import { useDispatch } from "react-redux";
|
|
import authReducer from "./slices/authSlice";
|
|
import variablesReducer from "./slices/variablesSlice";
|
|
import kueChartModeReducer from "./slices/kueChartModeSlice";
|
|
import webVersionReducer from "./slices/webVersionSlice";
|
|
import kabelueberwachungChartReducer from "./slices/kabelueberwachungChartSlice";
|
|
import dashboardReducer from "./slices/dashboardSlice";
|
|
import systemSettingsReducer from "./slices/systemSettingsSlice";
|
|
import opcuaSettingsReducer from "./slices/opcuaSettingsSlice";
|
|
import digitalOutputsReducer from "./slices/digitalOutputsSlice";
|
|
import brushReducer from "./slices/brushSlice";
|
|
import tdrChartReducer from "./slices/tdrChartSlice";
|
|
import analogeEingaengeReducer from "./slices/analogeEingaengeSlice";
|
|
import digitalInputsReducer from "./slices/digitalInputsSlice";
|
|
|
|
const store = configureStore({
|
|
reducer: {
|
|
auth: authReducer,
|
|
variables: variablesReducer,
|
|
kueChartMode: kueChartModeReducer,
|
|
webVersion: webVersionReducer,
|
|
digitalInputs: digitalInputsReducer,
|
|
kabelueberwachungChart: kabelueberwachungChartReducer,
|
|
dashboard: dashboardReducer,
|
|
systemSettings: systemSettingsReducer,
|
|
opcuaSettings: opcuaSettingsReducer,
|
|
digitalOutputs: digitalOutputsReducer,
|
|
analogeEingaenge: analogeEingaengeReducer,
|
|
brush: brushReducer,
|
|
tdrChart: tdrChartReducer,
|
|
},
|
|
});
|
|
|
|
export type RootState = ReturnType<typeof store.getState>;
|
|
export type AppDispatch = typeof store.dispatch;
|
|
export const useAppDispatch: () => AppDispatch = useDispatch; // ✅ Typisierte Dispatch-Funktion
|
|
|
|
export default store;
|