import React from 'react'
import {browserHistory, Router} from 'react-router'
import {Provider} from 'react-redux'
import PropTypes from 'prop-types'
import CalculatorSmall from './calculatorSmall/CalculatorSmall'
import CalculatorLarge from './calculatorLarge/CalculatorLarge'
import TablePrices from './tablePrices/TablePrices'
import { createStore , applyMiddleware} from 'redux'
import createSagaMiddleware from 'redux-saga'
import {reducers} from './calculatorSmall/reducers'
import mysaga from './sagas'

class App extends React.Component {
    static propTypes = {
        store: PropTypes.object.isRequired,
        routes: PropTypes.object.isRequired,
    }



    shouldComponentUpdate() {
        return false
    }

    render() {
        const sagaMiddleware = createSagaMiddleware();

        let store = createStore(reducers, applyMiddleware(sagaMiddleware));
        sagaMiddleware.run(mysaga);
        return (
            <Provider store={store}>
                <div>
                    <CalculatorSmall/>
                    <CalculatorLarge/>
                    <TablePrices/>
                </div>
            </Provider>
        )
    }
}

export default App;

@@ -659,17 +659,17 @@
 d,%0A    %7D
-%0A
+;
 %0A%0A%0A    s
@@ -868,16 +868,208 @@
 ware));%0A
+        // in such way we can store all state in localStorage%0A        // store.subscribe(() =%3E %7B%0A        //     localStorage.setItem('state', JSON.stringify(store.getState()));%0A        // %7D);%0A
         

store all state in localStorage(commented)