<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import {autobind} from 'core-decorators';

class RecentCommitView extends React.Component {
  static propTypes = {
    commit: PropTypes.object.isRequired,
  };

  render() {
    return (
      <li className="github-RecentCommit">
        <img className="github-RecentCommit-avatar"
          src="https://avatars3.githubusercontent.com/u/7910250?v=4&s=32"
          title={`@kuychaco - ${this.props.commit.getAuthorEmail()}`}
        />
        <span className="github-RecentCommit-message">{this.props.commit.getMessage()}</span>
        <time className="github-RecentCommit-time"
          title={this.props.commit.getAuthorDate()}>
          1h
        </time>
      </li>
    );
  }
}

export default class RecentCommitsView extends React.Component {
  static propTypes = {
    commits: PropTypes.arrayOf(PropTypes.object).isRequired,
    isLoading: PropTypes.bool.isRequired,
  };

  render() {
    return (
      <div className="github-RecentCommits">
        {this.renderCommits()}
      </div><commit_msg>Display correct avatar using githubusercontent.com url<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import {autobind} from 'core-decorators';

class RecentCommitView extends React.Component {
  static propTypes = {
    commit: PropTypes.object.isRequired,
  };

  render() {
    return (
      <li className="github-RecentCommit">
        <img className="github-RecentCommit-avatar"
          src={'https://avatars.githubusercontent.com/u/e?email=' + encodeURIComponent(this.props.commit.getAuthorEmail())}
          title={`${this.props.commit.getAuthorEmail()}`}
        />
        <span className="github-RecentCommit-message">{this.props.commit.getMessage()}</span>
        <time className="github-RecentCommit-time"
          title={this.props.commit.getAuthorDate()}>
          1h
        </time>
      </li>
    );
  }
}

export default class RecentCommitsView extends React.Component {
  static propTypes = {
    commits: PropTypes.arrayOf(PropTypes.object).isRequired,
    isLoading: PropTypes.bool.isRequired,
  };

  render() {
    return (
      <div className="github-RecentCommits">
        {this.renderCommits()}
      </div>
{'fraction_non_alphanumeric': 0.13566062748563854, 'fraction_numerical': 0.0057445868316394165, 'mean_word_length': 3.1848428835489835, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, 'https://': 2, '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': '3845857', 'n_tokens_mistral': 680, 'n_tokens_neox': 683, 'n_words': 114}