<commit_before>import React, { Component, PropTypes } from 'react'
import OauthSignInButton from 'components/OauthSignInButton'
import clientConfig from 'utils/clientConfig'
import 'styles/core.scss'

const getDefaultProviders = () => {
    let providers = []
    for (name in clientConfig) {
        providers.push(name)
    }
    return providers
}

export default class Login extends Component {
    displayName = 'login display';
    static propTypes = {
        providers: PropTypes.array
    };
    static defaultProps = {
        providers: getDefaultProviders()
    };
    constructor(props) {
        super(props)
    }
    renderOauthButtons = () => {
        const { providers } = this.props
        return providers.map((provider, index) => {
            return (
                <OauthSignInButton provider={ provider } key={ index } {...this.props}/>
            )
        })
    };
    render() {
        return (
            <div className="row">
                <div className="col-md-offset-4"></div>
                <div className="col-sm-3">
                    <div className="panel panel-default">
                        <div className="panel-heading">
                            <h2 className="panel-title"> LogIn </h2>
                        </div>
                        <div className="panel-body">
                            { this.renderOauthButtons() }
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}


<commit_msg>The name variable uses let keyword to get defined in the for loop<commit_after>import React, { Component, PropTypes } from 'react'
import OauthSignInButton from 'components/OauthSignInButton'
import clientConfig from 'utils/clientConfig'
import 'styles/core.scss'

const getDefaultProviders = () => {
    let providers = []
    for (let name in clientConfig) {
        providers.push(name)
    }
    return providers
}

export default class Login extends Component {
    displayName = 'login display';
    static propTypes = {
        providers: PropTypes.array
    };
    static defaultProps = {
        providers: getDefaultProviders()
    };
    constructor(props) {
        super(props)
    }
    renderOauthButtons = () => {
        const { providers } = this.props
        return providers.map((provider, index) => {
            return (
                <OauthSignInButton provider={ provider } key={ index } {...this.props}/>
            )
        })
    };
    render() {
        return (
            <div className="row">
                <div className="col-md-offset-4"></div>
                <div className="col-sm-3">
                    <div className="panel panel-default">
                        <div className="panel-heading">
                            <h2 className="panel-title"> LogIn </h2>
                        </div>
                        <div className="panel-body">
                            { this.renderOauthButtons() }
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}



{'fraction_non_alphanumeric': 0.11376858435681965, 'fraction_numerical': 0.002585649644473174, 'mean_word_length': 1.5578512396694215, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 39, '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': '5415586', 'n_tokens_mistral': 800, 'n_tokens_neox': 790, 'n_words': 183}