aswi2022code-of-duty-gitlab/frontend/src/features/redux/store.ts @ 0d90d67b

import { applyMiddleware, combineReducers, createStore } from 'redux'
import { persistStore } from 'redux-persist'
import thunk from 'redux-thunk'
import userReducer from '../Auth/userSlice'
import themeReducer from '../Theme/themeSlice'
import catalogReducer from '../Catalog/catalogSlice'
import { composeWithDevTools } from 'redux-devtools-extension'

const composeEnhancers = composeWithDevTools({})

// Store holds shared state in the application
const store = createStore(
    combineReducers({
        user: userReducer,
        theme: themeReducer,
        catalog: catalogReducer,
    }),
    process.env.REACT_APP_DEV_ENV === 'true'
        ? composeEnhancers( // ComposeEnhancers will inject redux-devtools-extension
              applyMiddleware(thunk) // Thunk middleware so we can async fetch data from the api
          )
        : applyMiddleware(thunk)
)

export default store
export const persistor = persistStore(store)
export type AppStore = typeof store
export type RootState = ReturnType<typeof store.getState>
export type AppDispatch = typeof store.dispatch