<commit_before>import React from 'react';


import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';
import IconButton from 'material-ui/IconButton';
import Subheader from 'material-ui/Subheader';
import {Step,Stepper,StepLabel,StepContent} from 'material-ui/Stepper';
import FlatButton from 'material-ui/FlatButton';
import Toggle from 'material-ui/Toggle';


export default class extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            finished: false,
            stepIndex: 0,
        }
    }

    _nextStep() {
        this.setState({
            stepIndex: this.state.stepIndex + 1,
            finished: this.state.stepIndex >= 2,  
        });
    }

    _prevStep() {
        if(this.state.stepIndex > 0)
            this.setState({
                stepIndex: this.state.stepIndex - 1,    
            });
    }

    renderStepActions(step) {
        const {stepIndex} = this.state;

        return (
          <div className="login-btn-bar">
            <RaisedButton
              label={stepIndex === 2 ? 'Finish' : 'Next'}
              disableTouchRipple={true}
              disableFocusRipple={true}
              primary={true}
              onTouchTap={this._nextStep.bind(this)}
              className="login-btn"
            />
            {step > 0 && (
              <FlatButton
                label="Back"
                disabled={stepIndex === 0}
                disableTouchRipple={true}
                disableFocusRipple={true}
                onTouchTap={this._prevStep.bind(this)}
              />
            )}
          </div>
        );
    }

    render() {
        const {finished, stepIndex} = this.state;
        return(
            <div className="login-box margin-top-1">
            <header>CREATE NEW ACCOUNT</header>
                    <Stepper activeStep={stepIndex} orientation="vertical">
                        <Step>
                            <StepLabel>Fill the register form</StepLabel>
                            <StepContent>
                                <div className="login-fields">

                                    <TextField
                                        floatingLabelText="Username"
                                        fullWidth={true}
                                        ref="username"
                                    />

                                    <TextField
                                        floatingLabelText="Password"
                                        fullWidth={true}
                                        type="password"
                                        ref="password"
                                    />

                                    <Toggle
                                      label="Show my password"
                                      labelPosition="right"
                                    />

                                    <TextField
                                        floatingLabelText="First name"
                                        fullWidth={true}
                                        ref="password"
                                    />

                                    <TextField
                                        floatingLabelText="Last name"
                                        fullWidth={true}
                                        ref="password"
                                    />

                                    <TextField
                                        floatingLabelText="Email"<commit_msg>remove {First,Last}Name inputs<commit_after>import React from 'react';


import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';
import IconButton from 'material-ui/IconButton';
import Subheader from 'material-ui/Subheader';
import {Step,Stepper,StepLabel,StepContent} from 'material-ui/Stepper';
import FlatButton from 'material-ui/FlatButton';
import Toggle from 'material-ui/Toggle';


export default class extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            finished: false,
            stepIndex: 0,
        }
    }

    _nextStep() {
        this.setState({
            stepIndex: this.state.stepIndex + 1,
            finished: this.state.stepIndex >= 2,  
        });
    }

    _prevStep() {
        if(this.state.stepIndex > 0)
            this.setState({
                stepIndex: this.state.stepIndex - 1,    
            });
    }

    renderStepActions(step) {
        const {stepIndex} = this.state;

        return (
          <div className="login-btn-bar">
            <RaisedButton
              label={stepIndex === 2 ? 'Finish' : 'Next'}
              disableTouchRipple={true}
              disableFocusRipple={true}
              primary={true}
              onTouchTap={this._nextStep.bind(this)}
              className="login-btn"
            />
            {step > 0 && (
              <FlatButton
                label="Back"
                disabled={stepIndex === 0}
                disableTouchRipple={true}
                disableFocusRipple={true}
                onTouchTap={this._prevStep.bind(this)}
              />
            )}
          </div>
        );
    }

    render() {
        const {finished, stepIndex} = this.state;
        return(
            <div className="login-box margin-top-1">
            <header>CREATE NEW ACCOUNT</header>
                    <Stepper activeStep={stepIndex} orientation="vertical">
                        <Step>
                            <StepLabel>Fill the register form</StepLabel>
                            <StepContent>
                                <div className="login-fields">

                                    <TextField
                                        floatingLabelText="Username"
                                        fullWidth={true}
                                        ref="username"
                                    />

                                    <TextField
                                        floatingLabelText="Password"
                                        fullWidth={true}
                                        type="password"
                                        ref="password"
                                    />

                                    <Toggle
                                      label="Show my password"
                                      labelPosition="right"
                                    />

                                    <TextField
                                        floatingLabelText="Email"
{'fraction_non_alphanumeric': 0.08744394618834081, 'fraction_numerical': 0.0026905829596412557, 'mean_word_length': 0.9627456732179525, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 43, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 44, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '202258', 'n_tokens_mistral': 1464, 'n_tokens_neox': 1367, 'n_words': 261}