import { compose, createStore, combineReducers, applyMiddleware } from 'redux'
import { routerMiddleware } from 'react-router-redux'
import thunk from 'redux-thunk'
import createHistory from 'history/createBrowserHistory'

import { routerReducer } from 'react-router-redux'

// import navReducer from './nav.reducer'
import systemReducer from './system/system.reducer'
import dashboardReducer from './dashboard/dashboard.reducer'
import liveReducer from './live/reducer'

const appReducer = combineReducers({
  system: systemReducer,
  dashboard: dashboardReducer,
  live: liveReducer,
  router: routerReducer,
})

export const history = createHistory()
export const store = createStore(
  appReducer,
  compose(
    applyMiddleware(
      // createLogger(),
      thunk,
      routerMiddleware(history),
    )
  )
)