homepage - home - articlelist

import React from 'react';

const ArticleList = (props) => {
  // no articles => render loading text
  if (!props.articles) {
    return <div className="article-preview">Loading...</div>;
  }

  // no articles => render no articles text
  if (props.articles.length === 0) {
    return <div className="article-preview">No articles are here...yet.</div>;
  }

  // have articles => map them to article preview components
  return (
    <div>
      {props.articles.map((article) => {
        return <h2>{article.title}</h2>;
      })}
    </div>
  );
};

export default ArticleList;