<commit_before>
'use strict';

const React = require('react');

class WallsTop extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (

            <h2>WallsTop</h2>
        );

    }

}

module.exports = WallsTop;<commit_msg>Added getUserList to didMount and construction of username items in render()<commit_after>
'use strict';

const React = require('react');

class WallsTop extends React.Component {

    constructor(props) {
        super(props);
    }

    componentDidMount() {
        this.props.getUserList();
    }

    render() {
        let users = this.props.userList;

        let userList = null;
        if (users) {
            userList = users.map( (item, index) => {
                return (
                    <li key={index}>
                        User: {item.username}
                    </li>
                );
            });
        }

        return (
            <div>
                <h2>WallsTop</h2>
                <ul>
                    {userList}
                </ul>
            </div>
        );
    }

}

WallsTop.propTypes = {
    getUserList: React.PropTypes.func,
    userList: React.PropTypes.array
};

module.exports = WallsTop;
{'fraction_non_alphanumeric': 0.11812297734627832, 'fraction_numerical': 0.003236245954692557, 'mean_word_length': 1.4446640316205535, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 14, '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': '7023934', 'n_tokens_mistral': 373, 'n_tokens_neox': 353, 'n_words': 73}