import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { createStore, applyMiddleware } from 'redux'
import rootReducer from './reducers'
import App from './App';
import * as serviceWorker from './serviceWorker';

const middleware = store => next => action => {
   if(action.type === "ADD_ITEM") {
       const params = new URLSearchParams();
       store.getState().items.forEach(item => params.append("item", item));
       params.append("item", action.data);
       window.location.hash = `?${params.toString()}`;
   }
   next(action);
 }

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

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