<commit_before>define(function (require) {

  var React = require('react'),
      Router = require('react-router');

  return React.createClass({

    propTypes: {
      breadcrumb: React.PropTypes.object.isRequired,
      onClick: React.PropTypes.func.isRequired,
    },

    renderLink: function() {
      var class_names = this.props.breadcrumb.state;
      return (
          <div className={class_names} onClick={this.crumbClicked}>
            {this.props.breadcrumb.name}
          </div>
        );
    },
    crumbClicked: function() {
        if(!this.props.breadcrumb.inactive) {
            return this.props.onClick(this.props.breadcrumb);
        }
    },
    render: function () {
      return this.renderLink();
    }

  });

});
<commit_msg>change width for active/inactive/disabled breadcrumbs<commit_after>define(function (require) {

  var React = require('react'),
      Router = require('react-router');

  return React.createClass({

    propTypes: {
      breadcrumb: React.PropTypes.object.isRequired,
      onClick: React.PropTypes.func.isRequired,
    },

    mouseOver: function(){
      this.props.onMouseOn(this.props.breadcrumb.name);
    },

    mouseOut: function(){
      this.props.onMouseOff();
    },

    renderLink: function() {
      var class_names = this.props.breadcrumb.state;
      var divStyle = {
        width: (80) / (this.props.length - 1) + '%'
      };

      if(class_names === 'inactive') {
        divStyle = {
          width: ((80) / (this.props.length - 1)) / 2 + '%'
        };
      }

      else if(class_names === 'active'){
        divStyle = {
          width: '20%'
        }
      }
      return (
          <div style={divStyle} onMouseOver={this.mouseOver} onMouseOut={this.mouseOut} className={class_names} onClick={this.crumbClicked}>
            {this.props.breadcrumb.step}
          </div>
        );
    },
    crumbClicked: function() {
        if(!this.props.breadcrumb.inactive) {
            return this.props.onClick(this.props.breadcrumb);
        }
    },
    render: function () {
      return this.renderLink();
    }

  });

});

{'fraction_non_alphanumeric': 0.14576431613819216, 'fraction_numerical': 0.004259346900141978, 'mean_word_length': 2.21765601217656, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, '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': '1090030', 'n_tokens_mistral': 673, 'n_tokens_neox': 653, 'n_words': 101}