text: import Banner from './Banner';
  import MainView from './MainView';
  import React from 'react';
  import { connect } from 'react-redux';
  
  import Rest from './../../Rest'
  
  const mapStateToProps = (state) => ({
    appName: state.appName
  });
  
  const mapDispatchToProps = (dispatch) => ({
    onLoad: payload => {
      dispatch({ type: 'HOME_LOADED', payload })
    }
  });
  
  class Home extends React.Component {
  
    componentDidMount() {
      this.props.onLoad(Rest.Articles.all());
    }
  
    render() {
      return (
        <div className="home-page">
  
          <Banner appName={this.props.appName} />
  
          <div className="container page">
            <div className="row">
              <MainView />
  
              <div className="col-md-3">
                <div className="sidebar">
  
                  <p>Popular Tags</p>
  
                </div>
              </div>
            </div>
          </div>
  
        </div>
      );
    }
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(Home);