renderCheckbox()

in public/js/components/FormFields/SearchFields/SearchCheckboxGroup.js [36:57]

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

  renderCheckbox(fieldName, displayName, i) {
    const updateFn = (e) => {
      let newFieldValue = [],
          newValue = e.target.value;

      if (newValue && !this.isChecked(fieldName)) {
        newFieldValue = this.props.fieldValue.concat([fieldName]);
      } else {
        newFieldValue = this.props.fieldValue.filter((oldFieldName) => {
          return fieldName !== oldFieldName;
        });
      }
      this.props.onUpdateField(newFieldValue);
    };

    return (
      <label className="atom-search__dropdown__item" key={i}>
        <input className="atom-search__dropdown__checkbox" type="checkbox" checked={this.isChecked(fieldName)} name={fieldName} value={this.isChecked(fieldName)} onChange={updateFn} />
        {displayName}
      </label>
    );
  }