jameshawkinsjr/hype

Function render has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render () {

        let errors = this.props.errors.map( error => 
            <li key={error}> {error} </li> 
            )

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <label className="last-label">
                            <h3>Password (required)</h3>
                            <input  type="password"
                                    className="input-outline"
                                    value={this.state.password}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <label>
                            <h3>Display Name (optional)</h3>
                            <input  type="text"
                                    className="input-outline"
                                    value={this.state.alias}

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

        let renderErrors = (
            <div className="errors-box flex">
                <div className="error-red"><pre> </pre></div>
                <ul className="errors">
                        { errors } 

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    <div className="session-form-link flex"><h3>Already have an account? </h3><pre>   </pre><Link to="/login"> <h3>Log in</h3> </Link></div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        this.props.signup(this.state)
        .then( () => {
            this.props.loadingModal();
            this.props.history.push('/chatrooms/1');
        });

• Read up
  Read up

Identical blocks of code found in 4 locations. Consider refactoring.

Open

        let errors = this.props.errors.map( error => 
            <li key={error}> {error} </li> 
            )

• Read up
  Read up