import React from 'react';
import ArticleComponentRenderer from './ArticleComponentRenderer';

class ArticleList extends Component {
  constructor(props) {
    super(props);
  }

  renderArticles = () => {
    const { articles } = this.props;
    return articles.map(ArticleComponentRenderer.render);
  }

  render() {
    return (
      <div id="articles-list">
        {this.renderArticles()}
        {<ArticleListSideBar />}
      </div>
    );
  }
}

Page.propTypes = {
  articles: PropTypes.arrayOf(PropTypes.articles),
};

export default ArticleList;