<commit_before>import ImmutablePropTypes from 'react-immutable-proptypes';
import { Link } from 'react-router';
import PropTypes from 'prop-types';

class TrendTags extends React.PureComponent {

  componentDidMount () {
    this.props.refreshTrendTags();
  }
  render () {
    if (this.props.tags.size === 0) {
      return null
    }
    return (
      <div className="trend-tags">
        <div className="trend-tags__header">
          <i className="fa fa-line-chart trend-tags__header__icon" aria-hidden="true" />
          <div className="trend-tags__header__name">
            おすすめタグ(実験中)
          </div>
        </div>
        <div className="trend-tags__body">
          <ul>
            {this.props.tags.map(tag => (
              <li key={tag.get('name')}>
                <Link className="trend-tags__name" to={`/timelines/tag/${tag.get('name')}`}>
                  #{tag.get('name')}
                </Link>
                <div className={`trend-tags__description ${tag.get('type') === 'suggestion' ? 'suggestion' : ''}`}>{tag.get('description')}</div>
              </li>
            ))}
          </ul>
        </div>
      </div>
    );
  }
};

TrendTags.propTypes = {
  tags: ImmutablePropTypes.list.isRequired,<commit_msg>おすすめタグから実験中を外す<commit_after>import ImmutablePropTypes from 'react-immutable-proptypes';
import { Link } from 'react-router';
import PropTypes from 'prop-types';

class TrendTags extends React.PureComponent {

  componentDidMount () {
    this.props.refreshTrendTags();
  }
  render () {
    if (this.props.tags.size === 0) {
      return null
    }
    return (
      <div className="trend-tags">
        <div className="trend-tags__header">
          <i className="fa fa-line-chart trend-tags__header__icon" aria-hidden="true" />
          <div className="trend-tags__header__name">
            おすすめタグ
          </div>
        </div>
        <div className="trend-tags__body">
          <ul>
            {this.props.tags.map(tag => (
              <li key={tag.get('name')}>
                <Link className="trend-tags__name" to={`/timelines/tag/${tag.get('name')}`}>
                  #{tag.get('name')}
                </Link>
                <div className={`trend-tags__description ${tag.get('type') === 'suggestion' ? 'suggestion' : ''}`}>{tag.get('description')}</div>
              </li>
            ))}
          </ul>
        </div>
      </div>
    );
  }
};

TrendTags.propTypes = {
  tags: ImmutablePropTypes.list.isRequired,
{'fraction_non_alphanumeric': 0.16451612903225807, 'fraction_numerical': 0.0008064516129032258, 'mean_word_length': 2.1605095541401274, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 39, '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': '1921142', 'n_tokens_mistral': 805, 'n_tokens_neox': 805, 'n_words': 125}