render()

in ui/src/client/components/Pages/SchemasContainer/AdvancedSearch/NamespaceOptions/NamespaceOptions.js [44:80]

• 37 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const {
      selectedOption,
      handleSelectOption,
      optionHeigth,
    } = this.props;
    const { filterInputValue, filteredOptions } = this.state;
    return (
      <ul className="advanced-search-selector-options">
        <li className="namespace-filter-input-wrapper">
          <FilterInput
            value={filterInputValue}
            onChangeValue={this.handleChangeFilterValue}
          />
        </li>
        {filteredOptions
          .map(option => (
            <li
              key={option[0]}
              style={{ height: `${optionHeigth}px` }}
              className="row"
            >
              <Checkbox
                id={option[0]}
                isChecked={selectedOption.includes(option[0])}
                onCheck={(_isChecked, value) => handleSelectOption(value)}
              />
              <label className="label" htmlFor={option[0]}>
                <span>{option[0]}</span>
              </label>
              <div className="amount">{option[1]}</div>
            </li>
          ))
          }
      </ul>
    );
  }