<commit_before>const React = require('react');
import timer from './timer';
import { ipcRenderer } from 'electron';

const RenderTimer = React.createClass({

  handleSubmit(e) {
    e.preventDefault();
    timer.setUserIntervals(this.refs.workTimer.value, this.refs.pomoTimer.value);
    timer.toggleActive();
    timer.initiateTimer();
  },

  handleStop(e) {
    e.preventDefault();
    timer.clearTimer();
    timer.toggleActive();
  },

  render() {

    let activeDisplay = <div>
                          <h3>{this.props.timerSeconds} seconds remaining</h3>
                          <p><button onClick={this.handleStop}> stop </button></p>
                        </div>;

    let inactiveDisplay =
          <div className="time-interval-form">
            <h3>Set Work Interval</h3>
            <form>
              <input
               defaultValue= {this.props.timerSeconds}
               ref='workTimer'
               type='text'
               className="work-interval-form"
              />
            <h3>Set Pomodoro Interval</h3>
              <input
               defaultValue= ''
               ref='pomoTimer'
               type='text'
               className="pomo-interval-form"
              />
             <p><button onClick={this.handleSubmit}>Start Timer</button></p>
            </form>
          </div>;

    return(
      this.props.timerActive ? activeDisplay : inactiveDisplay
    );
  },
});<commit_msg>Changes text input to number<commit_after>const React = require('react');
import timer from './timer';
import { ipcRenderer } from 'electron';

const RenderTimer = React.createClass({

  handleSubmit(e) {
    e.preventDefault();
    timer.setUserIntervals(this.refs.workTimer.value, this.refs.pomoTimer.value);
    timer.toggleActive();
    timer.initiateTimer();
  },

  handleStop(e) {
    e.preventDefault();
    timer.clearTimer();
    timer.toggleActive();
  },

  render() {

    let activeDisplay = <div>
                          <h3>{this.props.timerSeconds} seconds remaining</h3>
                          <p><button onClick={this.handleStop}> stop </button></p>
                        </div>;

    let inactiveDisplay =
          <div className="time-interval-form">
            <h3>Set Work Interval</h3>
            <form>
              <input
               defaultValue= {this.props.timerSeconds}
               ref='workTimer'
               type='number'
               className="work-interval-form"
              />
            <h3>Set Pomodoro Interval</h3>
              <input
               defaultValue= ''
               ref='pomoTimer'
               type='number'
               className="pomo-interval-form"
              />
             <p><button onClick={this.handleSubmit}>Start Timer</button></p>
            </form>
          </div>;

    return(
      this.props.timerActive ? activeDisplay : inactiveDisplay
    );
  },
});
{'fraction_non_alphanumeric': 0.13080895008605853, 'fraction_numerical': 0.004130808950086058, 'mean_word_length': 1.7337723424270932, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '467655', 'n_tokens_mistral': 799, 'n_tokens_neox': 778, 'n_words': 138}