renderSearchUsersContainer(shouldShowForSmallViewport = true) {
    if (!this.state.shouldShowSearchUsers
      || isSmallViewport() !== shouldShowForSmallViewport
    ) {
      return null;
    }

    return (
      <div className={styles.searchUsersContainer}>
        <div className={styles.searchUsersField}>
          <SearchUsers
            autoFocus
            onChange={this.navigateToRiderPage}
            onBlur={() => this.setState({ shouldShowSearchUsers: false })}
          />
        </div>

        <Button
          onClick={() => this.setState({ shouldShowSearchUsers: false })}
          className={layoutStyles.compare_closeSearchUsersButton}
        >
          Clear
        </Button>
      </div>
    );
  }
/**
   * Render SearchUsers container when it's supposed to be rendered, depending on viewport
   *
   * @param {Bool} shouldShowForSmallViewport
   * @return {JSX}
   */
Render SearchUsers container when it's supposed to be rendered, depending on viewport
@param {Bool} shouldShowForSmallViewport
@return {JSX}
Render SearchUsers container when it ' s supposed to be rendered depending on viewport @param { Bool } shouldShowForSmallViewport @return { JSX }
renderSearchUsersContainer(shouldShowForSmallViewport = true) {
    if (!this.state.shouldShowSearchUsers
      || isSmallViewport() !== shouldShowForSmallViewport
    ) {
      return null;
    }
    return (
      <div className={styles.searchUsersContainer}>
        <div className={styles.searchUsersField}>
          <SearchUsers
            autoFocus
            onChange={this.navigateToRiderPage}
            onBlur={() => this.setState({ shouldShowSearchUsers: false })}
          />
        </div>
        <Button
          onClick={() => this.setState({ shouldShowSearchUsers: false })}
          className={layoutStyles.compare_closeSearchUsersButton}
        >
          Clear
        </Button>
      </div>
    );
  }
renderSearchUsersContainer ( shouldShowForSmallViewport = true ) { if ( ! this . state . shouldShowSearchUsers || isSmallViewport ( ) !== shouldShowForSmallViewport ) { return null ; } return ( < div className = { styles . searchUsersContainer } > < div className = { styles . searchUsersField } > < SearchUsers autoFocus onChange = { this . navigateToRiderPage } onBlur = { ( ) => this . setState ( { shouldShowSearchUsers : false } ) } / > < / div > < Button onClick = { ( ) => this . setState ( { shouldShowSearchUsers : false } ) } className = { layoutStyles . compare_closeSearchUsersButton } > 
          Clear
         < / Button > < / div > ) ; }
Render SearchUsers container when it's supposed to be rendered, depending on viewport
 @param {Bool} shouldShowForSmallViewport
 @return {JSX}
Render SearchUsers container when it ' s supposed to be rendered depending on viewport @param { Bool } shouldShowForSmallViewport @return { JSX }