render()

in client/src/components/Rooms/CreateRoom.js [70:126]

• 57 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    return (
      <Card>
        <Card.Content>
          <Card.Header>
            New Room
          </Card.Header>
        </Card.Content>
        <Card.Content>
          <Form onSubmit={this.onFormSubmit}>
            <Form.Field>
              <label htmlFor="roomName">Room Name</label>
              <Form.Input
                placeholder="name"
                id="create_room_name"
                name="name"
                onChange={this.onChange}
              />
            </Form.Field>
            <Form.Field>
              <label htmlFor="generatedRoomName">Generated Room Name</label>
              <div style={styles.generatedRoomName}>
                {this.state.roomName}
              </div>
            </Form.Field>
            <Form.Field>
              <Form.Group>
                <Form.Radio
                  label="Public"
                  value="public"
                  name="type"
                  checked={this.state.type === 'public'}
                  onChange={this.onChange}
                />
                <Form.Radio
                  label="Private"
                  value="private"
                  name="type"
                  checked={this.state.type === 'private'}
                  onChange={this.onChange}
                  disabled
                />
              </Form.Group>
            </Form.Field>
            <Form.Button
              basic
              fluid
              color="teal"
              loading={this.props.creatingChat}
            >
              Create
            </Form.Button>
          </Form>
        </Card.Content>
      </Card>
    );
  }