render()

in experimenter/experimenter/legacy/legacy-ui/core/js/components/MessageForm.js [22:80]
55 lines of code
2 McCabe index (conditional complexity)

  render() {
    const isCfr = this.props.data.get("message_type") === MESSAGE_TYPE_CFR;

    return (
      <div>
        <Row>
          <Col md={{ span: 10, offset: 2 }}>
            <RadioButton
              elementLabel="What message type does this experiment use?"
              fieldName="message_type"
              choices={MESSAGE_TYPE_CHOICES.map(([value, label]) => {
                return { label, value };
              })}
              value={this.props.data.get("message_type")}
              error={this.props.errors.get("message_type")}
              onChange={(event) =>
                this.props.handleDataChange("message_type", event.target.value)
              }
            />
          </Col>
        </Row>

        {isCfr ? (
          <React.Fragment>
            <Row>
              <Col md={{ span: 10, offset: 2 }}>
                <RadioButton
                  elementLabel="What message template does this experiment use?"
                  fieldName="message_template"
                  choices={MESSAGE_TEMPLATE_CHOICES.map(([value, label]) => {
                    return { label, value };
                  })}
                  value={this.props.data.get("message_template")}
                  error={this.props.errors.get("message_template")}
                  onChange={(event) =>
                    this.props.handleDataChange(
                      "message_template",
                      event.target.value,
                    )
                  }
                />
              </Col>
            </Row>
          </React.Fragment>
        ) : null}

        <hr className="heavy-line my-5" />

        <BranchManager
          branchFieldsComponent={MessageBranchFields}
          branches={this.props.data.get("variants", new List())}
          errors={this.props.errors.get("variants", new List())}
          handleDataChange={this.props.handleDataChange}
          handleErrorsChange={this.props.handleErrorsChange}
          options={{ isCfr }}
        />
      </div>
    );
  }