<commit_before>import Link from 'next/prefetch'

const ArticleTeaserView = ({ id, title, date, lead, author, teaser }) => (
  <div className="article-teaser-view">
    <Link href={`/article?id=${id}`}>
      <a className="article-teaser-view__link">
        <div className="article-teaser-view__wrapper">
          <img src={teaser} />
          <div className="title">
            <h3>{title}</h3>
          </div>
          <div className="meta">
            {author} | {date}
          </div>
          <div className="lead">
            {lead}
          </div>
        </div>
      </a>
    </Link>
    <style jsx>{`

      a {
        color: black;
        text-decoration: none;
      }

      a:visited {
        color: grey;
      }

      .title {
        font-size: 15px;
        margin-top: 3px;
      }

      .meta {
        font-size: 12px;
      }

      .lead {
        font-size: 13px;
        margin-top: 3px;
      }
    `}</style>
  </div>
)

ArticleTeaserView.propTypes = {
  id: React.PropTypes.string.isRequired,
  title: React.PropTypes.string.isRequired,
  lead: React.PropTypes.string.isRequired,
  date: React.PropTypes.string.isRequired,
  author: React.PropTypes.string.isRequired
}

export default ArticleTeaserView<commit_msg>Read more button and only title is link<commit_after>import Link from 'next/prefetch'

const ArticleTeaserView = ({ id, title, date, lead, author, teaser }) => (
  <div className="article-teaser-view">
      <div className="article-teaser-view__wrapper">
        <img src={teaser} />
        <Link href={`/article?id=${id}`}>
          <a className="article-teaser-view__link">
            <div className="title">
              <h3>{title}</h3>
            </div>
          </a>
        </Link>
        <div className="meta">
          {author} | {date}
        </div>
        <div className="lead">
          {lead}
        </div>
      </div>
    <Link href={`/article?id=${id}`}><a className="article-teaser-view__link">Read More</a></Link>
    <style jsx>{`

      a {
        color: black;
        text-decoration: none;
      }

      a:visited {
        color: grey;
      }

      .title {
        font-size: 15px;
        margin-top: 3px;
      }

      .meta {
        font-size: 12px;
      }

      .lead {
        font-size: 13px;
        margin-top: 3px;
      }
    `}</style>
  </div>
)

ArticleTeaserView.propTypes = {
  id: React.PropTypes.string.isRequired,
  title: React.PropTypes.string.isRequired,
  lead: React.PropTypes.string.isRequired,
  date: React.PropTypes.string.isRequired,
  author: React.PropTypes.string.isRequired,
  teaser: React.PropTypes.string.isRequired,
}

export default ArticleTeaserView
{'fraction_non_alphanumeric': 0.14801041279285979, 'fraction_numerical': 0.007437709185570844, 'mean_word_length': 1.9756637168141593, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 47, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3847027', 'n_tokens_mistral': 905, 'n_tokens_neox': 871, 'n_words': 166}