homepage - home

// child components
import Banner from './Banner';
import MainView from './MainView';

// modules for a redux-connected react component
import React from 'react';
import {connect} from 'react-redux';

// extract appName from state
const mapStateToProps = (state) => ({
  appName: state.appName,
});

class Home extends React.Component {
  render() {
    // render a Banner followed by a MainView with a 'Popular Tags' sidebar
    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, () => ({}))(Home);