code_mess.jsx

return (
  <section className="discover">
    <DiscoverHeader />
    {!isAdvancedSearchVisible && <DiscoverForm actions={actions} />}
    {isAdvancedSearchVisible && <DiscoverAdvancedForm actions={actions} />}
    {projectsWeLove.size !== 0
      && projects.size === 0
      && !wasSearchPerformed
      && <DiscoverProjectsWeLove actions={actions} />}
    {!wasSearchPerformed && topProjectsHTML}
    {projects.size === 0 && wasSearchPerformed && <DiscoverProjectNoResults {...{ actions }} />}
    {projects.size !== 0 && wasSearchPerformed && <section>
      <div className="container">
        <div className="row">
          {projectsHTML}
          <div className="load-more-button-wrapper col-xs-12">
            <button onClick={this.loadMoreProjects}>Load more</button>
          </div>
        </div>
      </div>
    </section>
    }
  </section>
);