<commit_before>import React, { Component } from 'react';

class Register extends Component{
    constructor(props){
        super(props);
        this.state = {
            username: '',
            password: '',
            email: '',
            firstName: '',
            lastName: ''
        }

        this.handleInputChange = this.handleInputChange.bind(this);

    }

    handleInputChange(e) {
        const name = e.target.name;
        const value = e.target.value;
        this.setState({
            [name]: value
        })
    }

    render(){
        return(
            <div className= "register">
                <form onSubmit={(e) => this.props.handleRegisterSubmit(e, this.state.username, this.state.password, this.state.email, this.state.firstName, this.state.lastName)}>
                  <input type="text" required="true" name="username" placeholder="username" value={this.state.username} onChange={this.handleInputChange} />
                  <input type="password" required="true" name="password" placeholder="password" value={this.state.password} onChange={this.handleInputChange} />
                  <input type="email" required="true" name="email" placeholder="email" value={this.state.email} onChange={this.handleInputChange} />
                  <input type="Name" required="true" name="name" placeholder="name" value={this.state.firstName} onChange={this.handleInputChange} />
                  <input type="Last Name" required="true" name="Last Name" placeholder="Last Name" value={this.state.lastName} onChange={this.handleInputchange} />
                  <input type="submit" value="Register" onClick={this.handleSubmit} />
                </form>
            </div>
        )
    }
}

export default Register;<commit_msg>fixed first and last name field<commit_after>import React, { Component } from 'react';

class Register extends Component{
    constructor(props){
        super(props);
        this.state = {
            username: '',
            password: '',
            email: '',
            firstName: '',
            lastName: ''
        }

        this.handleInputChange = this.handleInputChange.bind(this);

    }

    handleInputChange(e) {
        const name = e.target.name;
        const value = e.target.value;
        this.setState({
            [name]: value
        })
    }

    render(){
        return(
            <div className= "register">
                <form onSubmit={(e) => this.props.handleRegisterSubmit(e, this.state.username, this.state.password, this.state.email, this.state.firstName, this.state.lastName)}>
                  <input type="text" required="true" name="username" placeholder="username" value={this.state.username} onChange={this.handleInputChange} />
                  <input type="password" required="true" name="password" placeholder="password" value={this.state.password} onChange={this.handleInputChange} />
                  <input type="email" required="true" name="email" placeholder="email" value={this.state.email} onChange={this.handleInputChange} />
                  <input type="First Name" required="true" name="firstName" placeholder="First Name" value={this.state.firstName} onChange={this.handleInputChange} />
                  <input type="Last Name" required="true" name="lastName" placeholder="Last Name" value={this.state.lastName} onChange={this.handleInputChange} />
                  <input type="submit" value="Register" onClick={this.handleSubmit} />
                </form>
            </div>
        )
    }
}

export default Register;
{'fraction_non_alphanumeric': 0.13907657657657657, 'fraction_numerical': 0.0, 'mean_word_length': 2.4867517173699705, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, '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': '5609322', 'n_tokens_mistral': 931, 'n_tokens_neox': 917, 'n_words': 183}