import { createStore, combineReducers } from 'redux'
import { configureStore, createSlice } from '@reduxjs/toolkit'

export const userState = createSlice({
  name: 'user',
  initialState: null,
  reducers: {
    set: (state, action) => action.payload
  },
});

export const offersState = createSlice({
  name: 'offers',
  initialState: [],
  reducers: {
    set: (state, action) => action.payload
  },
});

export const wsState = createSlice({
  name: 'ws',
  initialState: null,
  reducers: {
    set: (state, action) => action.payload
  },
});

const reducer = combineReducers({
  user: userState.reducer,
  offers: offersState.reducer,
  ws: wsState.reducer,
});

const store = createStore(
  reducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

export default store;

export type State = ReturnType<typeof store.getState>
export type Dispatch = typeof store.dispatch