<commit_before>import React, { Component } from 'react';
import { Line } from 'rc-progress';
import Form from 'shared/components/form/form';
import PropTypes from 'prop-types';
import FormSelect from 'shared/components/form/formSelect/formSelect';
import { WORKINFO } from 'shared/constants/status';
import styles from './formComponents.css';

class WorkInfo extends Component {

  render() {
    return (
      <Form className={styles.signup}>
        <h3>Progress = {this.props.percent}%</h3>
        <Line percent={this.props.percent} strokeWidth="4" strokeColor="green" />
        &nbsp;
        <FormSelect
          id="WorkInfo"
          options={WORKINFO}
          prompt="Current Employment Status"
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__select}
        />
        <input
          id="role"
          placeholder={this.props.role}
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__input}
        />
        &nbsp;
        <input
          id="company"
          placeholder={this.props.company}
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__input}
        />
      </Form>
    );
  }
}

WorkInfo.propTypes = {
  update: PropTypes.func,
  role: PropTypes.string,
  company: PropTypes.string,
  percent: PropTypes.string
};

WorkInfo.defaultProps = {
  update: null,
  role: 'Your Role / Title',
  company: 'Company Name',
  percent: '0'
};

export default WorkInfo;
<commit_msg>Fix identifier for workInfo for easier state management<commit_after>import React, { Component } from 'react';
import { Line } from 'rc-progress';
import Form from 'shared/components/form/form';
import PropTypes from 'prop-types';
import FormSelect from 'shared/components/form/formSelect/formSelect';
import { WORKINFO } from 'shared/constants/status';
import styles from './formComponents.css';

class WorkInfo extends Component {

  render() {
    return (
      <Form className={styles.signup}>
        <h3>Progress = {this.props.percent}%</h3>
        <Line percent={this.props.percent} strokeWidth="4" strokeColor="green" />
        &nbsp;
        <FormSelect
          id="workInfo"
          options={WORKINFO}
          prompt="Current Employment Status"
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__select}
        />
        <input
          id="role"
          placeholder={this.props.role}
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__input}
        />
        &nbsp;
        <input
          id="company"
          placeholder={this.props.company}
          onChange={e => this.props.update(e, e.target.value)}
          className={styles.information__input}
        />
      </Form>
    );
  }
}

WorkInfo.propTypes = {
  update: PropTypes.func,
  role: PropTypes.string,
  company: PropTypes.string,
  percent: PropTypes.string
};

WorkInfo.defaultProps = {
  update: null,
  role: 'Your Role / Title',
  company: 'Company Name',
  percent: '0'
};

export default WorkInfo;

{'fraction_non_alphanumeric': 0.1323251417769376, 'fraction_numerical': 0.002520478890989288, 'mean_word_length': 2.683294663573086, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 25, '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': '254566', 'n_tokens_mistral': 905, 'n_tokens_neox': 914, 'n_words': 195}