<commit_before>var Blog = React.createClass({
    navigate: function(interval) {
        alert(interval)
    },
    navBtn: function(forwards) {
        return (
            <div className={"ui " + (forwards?"right":"left") + " floated segment basic"}>
                <button className="circular ui button" onClick={()=>this.navigate(forwards?1:-1)}>
                    {forwards?"next":""}<i className={"chevron " + (forwards?"right":"left") + " icon"}></i>{forwards?"":"back"}
                </button>
            </div>
        );
    },
    render: function() {
        return (
            <div>
                {this.props.entries.map(function(entry) {
                    return (
                        <div className="blogEntry" key={entry.id}>
                            <h1 className="header">{entry.title}</h1>
                            <h3 className="author">by <a href={"/users?u=" + entry.author.userID}>{entry.author.name}</a></h3>
                            <h4 className="date">{entry.date}</h4>
                            <div className="content" dangerouslySetInnerHTML={{__html: entry.body}}></div>
                        </div>
                    );
                })} { this.props.page>1?this.navBtn(false):""} { this.props.page<this.props.pages?this.navBtn(true):""}
            </div>
        );
    }
});

$.get('http://' + location.hostname + ':5000/blogs', function (result) {
    ReactDOM.render(
        <Blog pages={1} page={1} entries={result} />,
        document.getElementById('blogBox')
    );
});<commit_msg>Fix use of userID instead of id<commit_after>var Blog = React.createClass({
    navigate: function(interval) {
        alert(interval)
    },
    navBtn: function(forwards) {
        return (
            <div className={"ui " + (forwards?"right":"left") + " floated segment basic"}>
                <button className="circular ui button" onClick={()=>this.navigate(forwards?1:-1)}>
                    {forwards?"next":""}<i className={"chevron " + (forwards?"right":"left") + " icon"}></i>{forwards?"":"back"}
                </button>
            </div>
        );
    },
    render: function() {
        return (
            <div>
                {this.props.entries.map(function(entry) {
                    return (
                        <div className="blogEntry" key={entry.id}>
                            <h1 className="header">{entry.title}</h1>
                            <h3 className="author">by <a href={"/users?u=" + entry.author.id}>{entry.author.name}</a></h3>
                            <h4 className="date">{entry.date}</h4>
                            <div className="content" dangerouslySetInnerHTML={{__html: entry.body}}></div>
                        </div>
                    );
                })} { this.props.page>1?this.navBtn(false):""} { this.props.page<this.props.pages?this.navBtn(true):""}
            </div>
        );
    }
});

$.get('http://' + location.hostname + ':5000/blogs', function (result) {
    ReactDOM.render(
        <Blog pages={1} page={1} entries={result} />,
        document.getElementById('blogBox')
    );
});
{'fraction_non_alphanumeric': 0.18030690537084398, 'fraction_numerical': 0.00959079283887468, 'mean_word_length': 1.7912578055307762, 'pattern_counts': {'":': 8, '<': 47, '<?xml version=': 0, '>': 49, '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': '4073524', 'n_tokens_mistral': 915, 'n_tokens_neox': 886, 'n_words': 132}