<commit_before>import cx from 'classnames';
import React, { Component } from 'react';
import UserList from '../UserList';
import WaitlistStore from '../../stores/WaitlistStore';
import listen from '../../utils/listen';

function getState() {
  return {
    users: WaitlistStore.getUsers()
  };
}

@listen(WaitlistStore)
export default class WaitList extends Component {
  static propTypes = {
    className: React.PropTypes.string
  };

  state = getState();

  onChange() {
    this.setState(getState());
  }

  render() {
    return (
      <UserList
        className={cx('WaitList', this.props.className)}
        users={this.state.users}
      />
    );
  }
}<commit_msg>waitlist: use redux state for rendering<commit_after>import React, { Component } from 'react';
import { connect } from 'react-redux';
import UserList from '../UserList';

function mapStateToProps(state) {
  return {
    users: state.waitlist.waitlist
  };
}

@connect(mapStateToProps)
export default class WaitListContainer extends Component {
  render() {
    return (
      <UserList
        className="WaitList"
        {...this.props}
      />
    );
  }
}
{'fraction_non_alphanumeric': 0.13732394366197184, 'fraction_numerical': 0.0, 'mean_word_length': 3.1648351648351647, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '6120441', 'n_tokens_mistral': 339, 'n_tokens_neox': 338, 'n_words': 82}