renderSingularPrefInfo()

in experimenter/experimenter/legacy/legacy-ui/core/js/components/PrefForm.js [26:85]
57 lines of code
2 McCabe index (conditional complexity)

  renderSingularPrefInfo() {
    if (!this.props.data.get("is_multi_pref")) {
      return (
        <div>
          <DesignInput
            label="Pref Name"
            name="pref_name"
            id="id_pref_name"
            onChange={(value) => {
              this.props.handleDataChange("pref_name", value);
            }}
            value={this.props.data.get("pref_name")}
            error={this.props.errors.get("pref_name", "")}
            helpContent={PREF_NAME_HELP}
            labelColumnWidth={2}
          />

          <DesignInput
            label="Pref Type"
            name="pref_type"
            id="id_pref_type"
            onChange={(value) => {
              this.props.handleDataChange("pref_type", value);
            }}
            value={this.props.data.get("pref_type")}
            error={this.props.errors.get("pref_type", "")}
            as="select"
            helpContent={PREF_TYPE_HELP}
            labelColumnWidth={2}
          >
            <option>Firefox Pref Type</option>
            <option>boolean</option>
            <option>integer</option>
            <option>string</option>
            <option>json string</option>
          </DesignInput>

          <DesignInput
            label="Pref Branch"
            name="pref_branch"
            id="id_pref_branch"
            onChange={(value) => {
              this.props.handleDataChange("pref_branch", value);
            }}
            value={this.props.data.get("pref_branch")}
            error={this.props.errors.get("pref_branch", "")}
            as="select"
            helpContent={PREF_BRANCH_HELP}
            labelColumnWidth={2}
          >
            <option>Firefox Pref Branch</option>
            <option>default</option>
            <option>user</option>
          </DesignInput>

          <hr className="heavy-line my-5" />
        </div>
      );
    }
  }