use new frontend

admin-frontend/src/app/hooks.ts

@@ -0,0 +1,6 @@
+import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';
+import type { RootState, AppDispatch } from './store';
+
+// Use throughout your app instead of plain `useDispatch` and `useSelector`
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

admin-frontend/src/app/store.ts

@@ -0,0 +1,22 @@
+import { configureStore, ThunkAction, Action } from '@reduxjs/toolkit';
+import authReducer from '../features/auth/authSlice';
+import globalConfReducer from '../features/globalConf/globalConfSlice';
+import { subscribeApi } from '../features/subsribeConfigManager/subscribeConfigSlice';
+
+export const store = configureStore({
+  reducer: {
+    auth: authReducer,
+    globalConf: globalConfReducer,
+    [subscribeApi.reducerPath]: subscribeApi.reducer,
+  },
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(subscribeApi.middleware),
+});
+
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppThunk<ReturnType = void> = ThunkAction<
+ReturnType,
+RootState,
+unknown,
+Action<string>
+>;