render()

in ui/src/client/components/Pages/common/FilterInput/FilterInput.js [43:72]

• 28 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const { value } = this.props;
    return (
      <div className="filter-input-wrapper">
        <div className="search-input">
          <img src={searchIcon} alt="" />
          <input
            className="input"
            key={this.inputKey}
            onChange={e => this.handleChangheValue(e.target.value)}
            placeholder="Filter by field name.."
          />
        </div>

        {
          value
          && (
          <div
            className="clear-button"
            onClick={() => this.handleClearInput()}
            role="presentation"
          >
            <img src={closeIcon} alt="" />
          </div>
          )
        }

      </div>
    );
  }