<commit_before>import React from 'react';
const Routes = window.shared.Routes;

class SectionHeader extends React.Component {

  handleChangeSection(event) {
    window.location.href = Routes.section(event.target.value);
  }

  render () {
    const section = this.props.section;

    return (
      <div className='SectionHeader'>
        <div id="section-header-info">
          <h1>{section.section_number}</h1>
          <p id="course-info">{section.course_description} {'(' + section.course_number + ')'}</p>
          <p id="section-detail">Room {section.room_number} {this.renderBulletSpacer()} Schedule: {section.schedule} {this.renderBulletSpacer()} Term: {section.term_local_id}</p>
        </div>
        <div><p>Section: {this.renderSectionSelector()}</p></div>
      </div>
    );
  }

  renderSectionSelector() {
    return (
      <span>
        <select id="section-select" value={this.props.section.id} onChange={this.handleChangeSection}>
            {this.props.sections.map(section => {
              return (
                <option key={section.id} value={section.id}>
                  {section.section_number}
                </option>
              );
            },this)}
        </select>
      </span>
    );
  }

  renderBulletSpacer() {
    return (
      <span>
        •
      </span>
    );
  }
}

SectionHeader.proptypes = {
  section: React.PropTypes.object.isRequired,
  sections: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
  educators: React.PropTypes.arrayOf(React.PropTypes.object).isRequired
};

export default SectionHeader;<commit_msg>fix camel case<commit_after>import React from 'react';
const Routes = window.shared.Routes;

class SectionHeader extends React.Component {

  handleChangeSection(event) {
    window.location.href = Routes.section(event.target.value);
  }

  render () {
    const section = this.props.section;

    return (
      <div className='SectionHeader'>
        <div id="section-header-info">
          <h1>{section.section_number}</h1>
          <p id="course-info">{section.course_description} {'(' + section.course_number + ')'}</p>
          <p id="section-detail">Room {section.room_number} {this.renderBulletSpacer()} Schedule: {section.schedule} {this.renderBulletSpacer()} Term: {section.term_local_id}</p>
        </div>
        <div><p>Section: {this.renderSectionSelector()}</p></div>
      </div>
    );
  }

  renderSectionSelector() {
    return (
      <span>
        <select id="section-select" value={this.props.section.id} onChange={this.handleChangeSection}>
            {this.props.sections.map(section => {
              return (
                <option key={section.id} value={section.id}>
                  {section.section_number}
                </option>
              );
            },this)}
        </select>
      </span>
    );
  }

  renderBulletSpacer() {
    return (
      <span>
        •
      </span>
    );
  }
}

SectionHeader.propTypes = {
  section: React.PropTypes.object.isRequired,
  sections: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
  educators: React.PropTypes.arrayOf(React.PropTypes.object).isRequired
};

export default SectionHeader;
{'fraction_non_alphanumeric': 0.14747411358644494, 'fraction_numerical': 0.0012550988390335738, 'mean_word_length': 2.6186152099886493, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 49, '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': '2486570', 'n_tokens_mistral': 967, 'n_tokens_neox': 959, 'n_words': 147}