<commit_before>Chk.TodoListItem = (function () {
  'use strict';

  return React.createClass({

    propTypes: {
      name: React.PropTypes.string.isRequired,
      remove: React.PropTypes.func.isRequired,
      update: React.PropTypes.func.isRequired
    },

    _markComplete: function () {
      this.props.update({ completed_date: moment() });
    },

    _renderDate: function () {
      if (this.props.completed_date) {
        return (
          <p>
            <strong>Completed date: </strong>
            {this.props.completed_date.calendar()}
          </p>
        );
      } else {
        return (
          <p>
            <strong>Due date: </strong>
            {this.props.due_date.calendar()}
          </p>
        );
      }
    },

    _renderPriority: function () {
      return (
          <p>
            <strong>Priority: </strong>
            {this.props.priority}
          </p>
        );
    },

    render: function () {
      return (
        <li className='list-group-item row'>
          <div className='col-md-9'>
            <h3 className='todo-list-item-name'>{this.props.name}</h3>
            {this._renderDate()}
            {this._renderPriority()}
          </div>
          <div className='col-md-3'>
            <button
              className='btn btn-lg btn-block btn-primary'
              onClick={this._markComplete}
              disabled={!!this.props.completed_date}
            >
              Mark Done
            </button>
            <button
              className='btn btn-lg btn-block btn-default'
              onClick={this.props.remove}
            >
              Remove
            </button>
          </div>
        </li>
      );
    }

  });
})();
<commit_msg>Fixed styling for Priority<commit_after>Chk.TodoListItem = (function () {
  'use strict';

  return React.createClass({

    propTypes: {
      name: React.PropTypes.string.isRequired,
      remove: React.PropTypes.func.isRequired,
      update: React.PropTypes.func.isRequired
    },

    _markComplete: function () {
      this.props.update({ completed_date: moment() });
    },

    _renderDate: function () {
      if (this.props.completed_date) {
        return (
          <p>
            <strong>Completed date: </strong>
            {this.props.completed_date.calendar()}
          </p>
        );
      } else {
        return (
          <p>
            <strong>Due date: </strong>
            {this.props.due_date.calendar()}
          </p>
        );
      }
    },

    _renderPriority: function () {
      return (
        <p>
          <strong>Priority: </strong>
          {this.props.priority}
        </p>
      );
    },

    render: function () {
      return (
        <li className='list-group-item row'>
          <div className='col-md-9'>
            <h3 className='todo-list-item-name'>{this.props.name}</h3>
            {this._renderDate()}
            {this._renderPriority()}
          </div>
          <div className='col-md-3'>
            <button
              className='btn btn-lg btn-block btn-primary'
              onClick={this._markComplete}
              disabled={!!this.props.completed_date}
            >
              Mark Done
            </button>
            <button
              className='btn btn-lg btn-block btn-default'
              onClick={this.props.remove}
            >
              Remove
            </button>
          </div>
        </li>
      );
    }

  });
})();

{'fraction_non_alphanumeric': 0.13761202659728244, 'fraction_numerical': 0.0023128071697022263, 'mean_word_length': 1.412831241283124, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, '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': '5709160', 'n_tokens_mistral': 1000, 'n_tokens_neox': 985, 'n_words': 163}