<commit_before>import React from 'react';

var owl = require('../../images/owl-small.png')

const Step = React.createClass({

  getInitialState: function() {
    return {
      timerStarted: false,
      duration: 6
    };
  },

  intitialTimeout: null,
  timerBarTimeout: null,

  render: function() {
    var timerBarStyle = {
      width: this.state.timerStarted ? '100%' : 0,
      transitionDuration: `${this.state.duration}s`
    };

    return (
      <div className='geotagger-step all-margin-top opaque'>
        <h1>Thanks!</h1>
        <div>
          Thanks for geotagging this image. Soon, we will create new tools and
          visualizations to browse through the library's collection in space and time — keep an eye on the website of the <a href='http://spacetime.nypl.org/' target='_blank'>Space/Time Directory</a> project.
        </div>
        <div>
          <img className='centered-block geotagger-thanks-owl' src={owl} />
        </div>
        <div>
          <div className='geotagger-thanks-timer-bar' style={timerBarStyle} />
        </div>
        <div>
          <button className='button-green' onClick={this.done}>Show me another image!</button>
        </div>
      </div>
    );
  },

  componentDidMount() {
    this.intitialTimeout = setTimeout(() => {
      this.setState({
        timerStarted: true
      });
      // Initialize timer which proceeds to first step
      this.timerBarTimeout = setTimeout(this.done, this.state.duration * 1000);
    }, 100);
  },

  done: function() {
    if (this.intitialTimeout) {
      clearTimeout(this.intitialTimeout);
    }

    if (this.timerBarTimeout) {
      clearTimeout(this.timerBarTimeout);
    }

    this.props.done();
  }
});

export default Step;
<commit_msg>no thank you text!<commit_after>import React from 'react';

var owl = require('../../images/owl-small.png')

const Step = React.createClass({

  getInitialState: function() {
    return {
      timerStarted: false,
      duration: 2.5
    };
  },

  intitialTimeout: null,
  timerBarTimeout: null,

  render: function() {
    var timerBarStyle = {
      width: this.state.timerStarted ? '100%' : 0,
      transitionDuration: `${this.state.duration}s`
    };

    return (
      <div className='geotagger-step all-margin-top opaque'>
        <h1>Thanks you!</h1>
        <div>
          <img className='centered-block geotagger-thanks-owl' src={owl} />
        </div>
        <div>
          <div className='geotagger-thanks-timer-bar' style={timerBarStyle} />
        </div>
        <div>
          <button className='button-green' onClick={this.done}>Show me another image!</button>
        </div>
      </div>
    );
  },

  componentDidMount() {
    this.intitialTimeout = setTimeout(() => {
      this.setState({
        timerStarted: true
      });
      // Initialize timer which proceeds to first step
      this.timerBarTimeout = setTimeout(this.done, this.state.duration * 1000);
    }, 100);
  },

  done: function() {
    if (this.intitialTimeout) {
      clearTimeout(this.intitialTimeout);
    }

    if (this.timerBarTimeout) {
      clearTimeout(this.timerBarTimeout);
    }

    this.props.done();
  }
});

export default Step;

{'fraction_non_alphanumeric': 0.13963681903569192, 'fraction_numerical': 0.009079524107701941, 'mean_word_length': 2.454054054054054, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, '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': '7634220', 'n_tokens_mistral': 1027, 'n_tokens_neox': 976, 'n_words': 217}