<div class="js-friend-requests {{unless isOpen 'hidden'}}">
  {{#each displayedRequests as |request|}}
    {{#twitch-friends-list/twitch-friend-info user=request.user uiContext='friend_reqeusts' nonStrangerReason=request.nonStrangerReason}}
      {{twitch-friends-list/twitch-friend-request request=request inSidebar=true
          onResolve=(action 'onResolve' request)}}
    {{/twitch-friends-list/twitch-friend-info}}
  {{else if requests.isLoading}}
    <dd class="warp__item warp__prompt">
      <span class="loading-spinner-container"><span class="loading-spinner"></span></span>
    </dd>
  {{else}}
    <dd class="warp__item is-drawer-closed--hide">
      <span><p>{{i18n "You have no pending friend requests."}}</p></span>
    </dd>
  {{/each}}

  {{#if requests.pending.length}}
    <dd class="js-requests-view-all warp__item">
      {{#link-to requestsRoute class="warp__button"}}
        <span>{{i18n "View All Requests"}}</span>
      {{/link-to}}
    </dd>
  {{/if}}
</div>
