render()

in experimenter/experimenter/legacy/legacy-ui/core/js/components/AddonForm.js [42:82]


  render() {
    return (
      <div>
        <Row>
          <Col md={{ span: 10, offset: 2 }}>
            <RadioButton
              elementLabel="How many add-ons does this experiment ship?"
              fieldName="is_branched_addon"
              choices={[
                { value: false, label: "A single add-on for all branches" },
                { value: true, label: "Multiple add-ons" },
              ]}
              onChange={(event) =>
                this.props.handleDataChange(
                  "is_branched_addon",
                  event.target.value === "true",
                )
              }
              value={this.props.data.get("is_branched_addon")}
            />
          </Col>
        </Row>

        {this.renderSingleAddonFields()}

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

        <BranchManager
          branchFieldsComponent={
            this.props.data.get("is_branched_addon")
              ? BranchedAddonFields
              : GenericBranchFields
          }
          branches={this.props.data.get("variants", new List())}
          errors={this.props.errors.get("variants", new List())}
          handleDataChange={this.props.handleDataChange}
          handleErrorsChange={this.props.handleErrorsChange}
        />
      </div>
    );
  }