{{#if requests.pending}}
  {{#if (and requestsOverThreshold strangerRequests)}}
    <div class='section_header'>
      <h3 class='title'>People you may know</h3>
    </div>
    {{#each nonStrangerRequests as |request| }}
      <div class="item">
        {{#twitch-profile-card request.user.id request=true showActions=true followBtnName='chat'}}
          {{twitch-friends-list/twitch-friend-request request=request
              onResolve=(action 'onResolve' request)}}
        {{/twitch-profile-card}}
      </div>
    {{/each}}
    {{tower-placeholder}}
    <div class='section_header'>
      <h3 class='title'>Other</h3>
    </div>
    {{#each strangerRequests as |request|}}
      <div class="item">
        {{#twitch-profile-card request.user.id request=true showActions=true followBtnName='chat'}}
          {{twitch-friends-list/twitch-friend-request request=request
              onResolve=(action 'onResolve' request)}}
        {{/twitch-profile-card}}
      </div>
    {{/each}}
    {{tower-placeholder}}
  {{else}}
    {{#each sortedRequests as |request|}}
      <div class="item">
        {{#twitch-profile-card request.user.id request=true showActions=true followBtnName='chat'}}
          {{twitch-friends-list/twitch-friend-request request=request
              onResolve=(action 'onResolve' request)}}
        {{/twitch-profile-card}}
      </div>
    {{/each}}
    {{tower-placeholder}}
  {{/if}}
{{else if requests.isLoading}}
  <span class="loading-spinner"></span>
{{else}}
  <p class="empty-grid">{{i18n "You have no friend requests!"}}</p>
{{/if}}
