<div class="recommended-friends is-drawer-closed--hide">
  {{#if limitedRecommendedList}}
    <dt class="warp__item warp__item--header">
      <span>{{i18n "Recommended Friends"}}</span>
    </dt>

    {{#each limitedRecommendedList as |user|}}
      {{#twitch-friends-list/twitch-friend-info user=user uiContext='search'}}
        <span class="js-friend-request-status warp__status">
          {{#if user.isFriend}}
            {{!-- show nothing --}}
          {{else if didRequest}}
            {{#tipsy-wrapper gravity="n"}}<a href="#" class="warp__action warp__action--secondary disabled tooltip" title={{i18n "Friend Request Sent"}}>{{partial 'svg/check'}}</a>{{/tipsy-wrapper}}
          {{else if user.isRequested}}
            {{#tipsy-wrapper gravity="n"}}<a href="#" class="warp__action warp__action--secondary disabled tooltip" title={{i18n "Friend Request Pending"}}>{{partial 'svg/check'}}</a>{{/tipsy-wrapper}}
          {{else if isError}}
            {{i18n "Something went wrong"}}&hellip;
          {{else}}
            {{#tipsy-wrapper gravity="n"}}<a href="#" class="js-add-friend warp__action warp__action--primary tooltip" title={{i18n "Add Friend"}} {{action 'addFriend' user}} >{{partial 'svg/add-friend'}}</a>{{/tipsy-wrapper}}
            {{#tipsy-wrapper gravity="n"}}<a href="#" class="warp__action warp__action--secondary tooltip" title={{i18n "Remove Recommendation"}} {{action 'removeRecommendation' user}}>{{partial 'svg/close'}}</a>{{/tipsy-wrapper}}
          {{/if}}
        </span>
      {{/twitch-friends-list/twitch-friend-info}}
    {{/each}}
  {{/if}}
</div>
