{{#infinite-scroll
    action="loadMore"
    isLoading=isLoading
    contentLength=communities.length}}
  <div class="streams-grid items-grid mg-t-2 mg-b-3">
    <div class="streams js-streams items">
      {{#each filteredCommunities as |community|}}
        <div class="stream item">
          {{yield community}}
        </div>
      {{/each}}
    </div>
  </div>
{{/infinite-scroll}}

{{#if communities.isLoading}}
  {{loading-more-spinner}}
{{else if (not communities.length)}}
  <p class="empty-grid">
    {{i18n "No Communities"}}
  </p>
{{/if}}
