<div class="js-friend-requests">
  {{#each displayedRequests as |request|}}
    {{social-column/friend-request
      user=request.user
      nonStrangerReason=request.nonStrangerReason
      request=request
      onResolve=(action 'onResolve' request)
    }}
  {{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}}
</div>
{{social-column/recommended-list}}
