renderPrefBranchInput()

in experimenter/experimenter/legacy/legacy-ui/core/js/components/Pref.js [52:93]

• 42 lines of code
• 3 McCabe index (conditional complexity)

  renderPrefBranchInput() {
    if (this.props.rolloutType) {
      return (
        <DesignInput
          label="Pref Branch"
          name="pref_branch"
          id={`pref-branch-${this.props.variantIndex}-${this.props.index}`}
          helpContent={ROLLOUT_PREF_BRANCH_HELP}
          note="*Note: Pref Rollouts always use the Default Pref Branch"
          labelColumnWidth={5}
          as="select"
          value={"default"}
        >
          <option>default</option>
          <option disabled>user</option>
        </DesignInput>
      );
    }
    return (
      <DesignInput
        label="Pref Branch"
        name="pref_branch"
        id={`pref-branch-${this.props.variantIndex}-${this.props.index}`}
        onChange={(value) => {
          this.handlePrefValueChange("pref_branch", value);
        }}
        value={
          this.props.preference
            ? this.props.preference.get("pref_branch")
            : null
        }
        error={this.props.errors.get("pref_branch", null)}
        as="select"
        helpContent={PREF_BRANCH_HELP}
        labelColumnWidth={5}
      >
        <option>Firefox Pref Branch</option>
        <option>default</option>
        <option>user</option>
      </DesignInput>
    );
  }