<commit_before>import React, { Component, PropTypes } from 'react';

export default class Icon extends Component {
  constructor (props, context) {
    super(props, context);
  }

  render () {
    const { icon } = this.props;

    return (
      <li className='icon'>
        <img
          src={icon.image}
          width='32'
          height='32'
          alt={`:${icon.name}:`}
          title={`:${icon.name}:`}
          />
      </li>
    );
  }
}

Icon.propTypes = {
  icon: PropTypes.object.isRequired
};<commit_msg>chore(icon): use data-name<commit_after>import React, { Component, PropTypes } from 'react';

export default class Icon extends Component {
  constructor (props, context) {
    super(props, context);
  }

  render () {
    const { icon } = this.props;

    return (
      <li className='icon'>
        <img
          src={icon.image}
          width='32'
          height='32'
          alt={`:${icon.name}:`}
          title={`:${icon.name}:`}
          data-name={icon.name}
          />
      </li>
    );
  }
}

Icon.propTypes = {
  icon: PropTypes.object.isRequired
};
{'fraction_non_alphanumeric': 0.16076294277929154, 'fraction_numerical': 0.007266121707538601, 'mean_word_length': 2.0868347338935576, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '1424367', 'n_tokens_mistral': 353, 'n_tokens_neox': 344, 'n_words': 71}