showComponent()

in source/console/src/components/CustomVerifyContact.tsx [39:82]
44 lines of code
3 McCabe index (conditional complexity)

    showComponent() {
        const { authData } = this.props;
        return (
            <div className="main-wrapper">
                <Navbar>
                    <Navbar.Header>
                        <Navbar.Brand>Operations Conductor</Navbar.Brand>
                    </Navbar.Header>
                </Navbar>
                <Grid>
                    <Row>
                        <Col md={12}>
                            <PageHeader>Account recovery requires verified contact information</PageHeader>
                        </Col>
                    </Row>
                    <Row>
                        <Col md={6} mdOffset={3}>
                            <Form horizontal>
                                {
                                    this.state.verifyAttr ?
                                    <FormGroup controlId="formCode" key="formCode">
                                        <Col componentClass={ControlLabel} md={3}>
                                            Code
                                        </Col>
                                        <Col md={9}>
                                            <FormControl key="code" name="code" type="text" autoComplete="off" placeholder="Code" onKeyDown={this.handleKeyDown} onChange={this.handleInputChange} />
                                        </Col>
                                    </FormGroup> :
                                    <FormGroup controlId="formEmailRadio" key="formEmailRadio">
                                        <Col componentClass={ControlLabel} md={3} />
                                        <Col md={9}>
                                        <Radio key="email" name="contact" value="email" onChange={this.handleInputChange} placeholder="Email">
                                            <strong>E-Mail</strong>
                                        </Radio>
                                        </Col>
                                    </FormGroup>
                                }
                            </Form>
                            {
                                this.state.verifyAttr ?
                                <Button key="buttonSubmit" className="pull-right" bsStyle="primary" onClick={this.submit}>Submit</Button> :
                                <Button key="buttonVerify" className="pull-right" bsStyle="primary" onClick={this.verify}>Send</Button>
                            }
                            <Button key="buttonSkip" onClick={() => this.changeState('signedIn', authData)}>Skip</Button>