import React from 'react'
import ReactDOM from 'react-dom'
import {createStore, applyMiddleware} from 'redux'
import {Provider} from 'react-redux'

import {apiMiddleware} from './store/middleware/api'
import {getAlbums} from './store/actions/albums'
import rootReducer from './store/reducers'

import App from './components/App'

const store = createStore(rootReducer, applyMiddleware(apiMiddleware))

store.dispatch(getAlbums())

ReactDOM.render(
	<Provider store={store}>
		<App />
	</Provider>,
	document.getElementById('root'))