<commit_before>var React = require('react');

export default class User extends React.Component {
    render() {
        var styles = {
            table: {
                marginBottom: '5px'
            },
            image: {
                borderRadius: '50%',
                height: '64px',
                width: '64px'
            },
            name: {
                verticalAlign: 'bottom',
                paddingLeft: '10px'
            },
            countBar: {
                cell: {
                    width: '250px',
                    verticalAlign: 'top',
                    paddingLeft: '10px'
                },
                slug: {
                    width: (this.props.user.count / this.props.maxCount * 100) + '%',
                    color: 'white',
                    height: 'auto',
                    minWidth: 'min-content',
                    display: 'block',
                    background: '#b6c0bf'
                },
                value: {
                    fontWeight: 'bold',
                    marginLeft: '7px',
                    marginRight: '7px'
                }
            },
            link: {
                color: 'inherit'
            }
        };

        var libraryUrl = '/user/' + encodeURIComponent(this.props.user.name) + '/library' + location.pathname;

        return (
            <table style={styles.table}>
                <tbody>
                    <tr>
                        <td rowSpan="2">
                            <a href={this.props.user.url}>
                                <img src={this.props.user.image} style={styles.image} />
                            </a>
                        </td>
                        <td style={styles.name}>
                            <a href={this.props.user.url} style={styles.link}>
                                {this.props.user.name}
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td style={styles.countBar.cell}>
                            <a href={libraryUrl}>
                                <span style={styles.countBar.slug}>
                                    <span style={styles.countBar.value}>
                                        {this.props.user.count}
                                    </span>
                                </span>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        );
    }
}<commit_msg>Make clickable just the filled count bar, not whole line<commit_after>var React = require('react');

export default class User extends React.Component {
    render() {
        var styles = {
            table: {
                marginBottom: '5px'
            },
            image: {
                borderRadius: '50%',
                height: '64px',
                width: '64px'
            },
            name: {
                verticalAlign: 'bottom',
                paddingLeft: '10px'
            },
            countBar: {
                cell: {
                    width: '250px',
                    verticalAlign: 'top',
                    paddingLeft: '10px'
                },
                slug: {
                    width: (this.props.user.count / this.props.maxCount * 100) + '%',
                    color: 'white',
                    height: 'auto',
                    minWidth: 'min-content',
                    display: 'block',
                    background: '#b6c0bf'
                },
                value: {
                    fontWeight: 'bold',
                    marginLeft: '7px',
                    marginRight: '7px'
                }
            },
            link: {
                color: 'inherit'
            }
        };

        var libraryUrl = '/user/' + encodeURIComponent(this.props.user.name) + '/library' + location.pathname;

        return (
            <table style={styles.table}>
                <tbody>
                    <tr>
                        <td rowSpan="2">
                            <a href={this.props.user.url}>
                                <img src={this.props.user.image} style={styles.image} />
                            </a>
                        </td>
                        <td style={styles.name}>
                            <a href={this.props.user.url} style={styles.link}>
                                {this.props.user.name}
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td style={styles.countBar.cell}>
                            <a href={libraryUrl} style={styles.countBar.slug}>
                                <span style={styles.countBar.value}>
                                    {this.props.user.count}
                                </span>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        );
    }
}
{'fraction_non_alphanumeric': 0.11080332409972299, 'fraction_numerical': 0.008705975464978234, 'mean_word_length': 0.7246673490276356, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6577468', 'n_tokens_mistral': 1244, 'n_tokens_neox': 1139, 'n_words': 219}