render()

in src/app/UserSearch.js [33:78]

• 45 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const {
      usersOptions,
      onSelect,
      canLoadMoreUsers,
      loading,
      onLoadMore
    } = this.props;

    return (
      <div>
        <div className={styles.searchUserPanel}>
          <QueryAssist
            placeholder={i18n('Search user')}
            glass={true}
            clear={true}
            onApply={this.onFilter}
            focus={true}
            dataSource={this.usersQueryAssistSource}
          />
        </div>
        <div className={styles.searchUserList}>
          <List
            data={usersOptions}
            onSelect={onSelect}
          />
          {
            canLoadMoreUsers && !loading &&
            <div
              className={styles.loadMoreButton}
              onClick={onLoadMore}
            >
              <Link
                pseudo={true}
              >
                {i18n('Load more')}
              </Link>
            </div>
          }
          {
            loading && <LoaderInline/>
          }
        </div>
      </div>
    );
  }