render()

in app/addons/setup/components/MultipleNodeController.js [82:147]
60 lines of code
1 McCabe index (conditional complexity)

  render() {
    const {setupNode, additionalNode} = this.props;
    return (
      <div className="setup-nodes">
          Setup your initial base-node, afterwards add the other nodes that you want to add
        <div className="setup-setupnode-section">
          <CurrentAdminPassword
            {...this.props}
            onAlterUsername={this._alterUsername}
            onAlterPassword={this._alterPassword}/>

          <OptionalSettings
            {...this.props}
            onAlterPort={this._alterPortSetupNode}
            onAlterBindAddress={this._alterBindAddressSetupNode}
            ip={setupNode.bindAddress}
            port={setupNode.port}/>
          <NodeCountSetting
            {...this.props}
            onAlterNodeCount={this._alterNodeCount}
            nodeCount={setupNode.nodeCount}/>
        </div>

        <div className="setup-addnode-section">
          <h2>Add Nodes to the Cluster</h2>
          <div className="row">
            <div className="col-12 col-md-5 col-xl-4 mb-3">
              <label>Remote host</label>
              <Form.Control type="text"
                onChange={this._alterRemoteAddressAdditionalNode}
                placeholder="IP Address"
                value={additionalNode.remoteAddress} />

            </div>
          </div>
          <OptionalSettings
            {...this.props}
            onAlterPort={this._alterPortAdditionalNode}
            onAlterBindAddress={this._alterBindAddressAdditionalNode}
            ip={additionalNode.bindAddress} port={additionalNode.port}/>

          <div className="row">
            <div className="col12 col-md-5 col-xl-4 mb-3">
              <ConfirmButton
                onClick={this._addNode}
                showIcon={false}
                variant="secondary"
                text="Add Node"/>
            </div>
          </div>

          <div className="setup-nodelist">
            {this.getNodeList()}
          </div>

        </div>
        <div className="row">
          <div className="col12 col-md-5 col-xl-4 mb-3">
            <ConfirmButton
              onClick={this._finishClusterSetup}
              text="Configure Cluster"/>
          </div>
        </div>
      </div>
    );
  }