render()

in src/components/SignUp.js [50:113]

• 64 lines of code
• 5 McCabe index (conditional complexity)

  render() {
    return (
      <div>
        <h1>Sign Up</h1>
        {
          this.state.stage === 0 && (
            <div style={styles.formContainer}>
              {this.state.error && <Error errorMessage={this.state.error}/>}
              <input
                onChange={this.handleUpdate}
                placeholder='Username'
                name='username'
                value={this.state.username}
                style={styles.input}
              />
              <input
                onChange={this.handleUpdate}
                placeholder='Password'
                name='password'
                value={this.state.password}
                type='password'
                style={styles.input}
              />
              <input
                onChange={this.handleUpdate}
                placeholder='Email'
                name='email'
                value={this.state.email}
                style={styles.input}
              />
              <input
                onChange={this.handleUpdate}
                placeholder='Phone Number'
                name='phone_number'
                value={this.state.phone_number}
                style={styles.input}
              />
              <div style={styles.button} onClick={this.signUp}>
                <span style={styles.buttonText}>Sign Up</span>
              </div>
            </div>
          )
        }
        {
          this.state.stage === 1 && (
            <div style={styles.formContainer}>
              {this.state.error && <Error errorMessage={this.state.error}/>}
              <input
                onChange={this.handleUpdate}
                placeholder='Authorization Code'
                name='authCode'
                value={this.state.authCode}
                style={styles.input}
              />
              <div style={styles.button} onClick={this.confirmSignUp}>
                <span style={styles.buttonText}>Confirm Sign Up</span>
              </div>
            </div>
          )
        }
        <Link to="/app/login">Sign In</Link>
      </div>
    )
  }