{{#if retryer.isPending}}
  {{loading-more-spinner retryer=retryer}}
{{else}}
  {{#if isLoggedIn}}
    <div class="col-header js-search {{unless showSearchBox "inactive"}}">
      <div class='title'>{{i18n "You Follow"}}</div>
      <div class='search-contain js-search-contain'>
        <div class='search'>
          <a {{action "searchClick"}} class='search-button js-search-button'>
            {{partial 'svg/nav-search'}}
          </a>

          {{input value=currentFilter placeholder=followingPlaceholder
                                      class="text js-search-input"}}
          {{#if isFiltering}}
            <a {{action "searchClear"}} class='search-clear'></a>
          {{/if}}
        </div>
      </div>
    </div>

    <div class='following-lists js-lists'>
      {{#if disableFollowingDirectory}}
        {{directory/right-column/following/disabled}}
      {{/if}}

      {{#unless disableFollowingDirectory}}
        {{#if hasFollows}}
          <div class='header no-divider'>
            {{t 'general.Twitch.online'}}
          </div>

          {{#with filteredOnlineChannels as |channels|}}
            <ul class='following-list online'>
              {{#each channels as |stream index|}}
                {{directory/right-column/vertical-stream-list-item
                  stream=stream
                  tt_content=(if stream.is_playlist 'sidebar_playlist_follow' 'sidebar_follow')
                  tt_medium='twitch_rightnav'
                  tt_content_index=(plus-one index)}}
              {{else}}
                <div class='empty-list'>{{i18n "No Matches"}}</div>
              {{/each}}
            </ul>
          {{/with}}

          {{#if filteredPlaylistChannels.length}}
            <div class='header'>
              {{i18n "Playlist"}}
              <sub class="sup alert">{{i18n 'BETA'}}</sub>
            </div>

            {{#with filteredPlaylistChannels as |channels|}}
              <ul class='following-list playlist'>
                {{#each channels as |stream index|}}
                  {{directory/right-column/vertical-stream-list-item
                    stream=stream
                    tt_content=(if stream.is_playlist 'sidebar_playlist_follow' 'sidebar_follow')
                    tt_medium='twitch_rightnav'
                    tt_content_index=(plus-one index)}}
                {{else}}
                  <div class='empty-list'>{{i18n "No Matches"}}</div>
                {{/each}}
              </ul>
            {{/with}}
          {{/if}}

          {{#unless disableFollowsSidePanel}}
            <div class='header'>{{t 'general.Twitch.offline'}}</div>

            <ul class='following-list offline js-following-offline'>
              {{#with filteredOfflineChannels as |channels|}}
                {{#unless channels.length}}
                  <div class='empty-list'>{{i18n "No matches"}}</div>
                {{/unless}}

                {{#each channels as |channel|}}
                  {{directory-following-offline channel=channel}}
                {{/each}}

                <div class='js-section-loading offline-load'></div>

                {{#unless isFiltering}}
                  <a {{action "followingLoadMore" }} class='load-more js-load-more'>
                    <span>{{t 'general.common.loadMore'}}</span>
                  </a>
                {{/unless}}
              {{/with}}
            </ul>
          {{/unless}}
        {{/if}}

        {{#unless channels.isLoading}}
          {{#unless hasFollows}}
            {{directory/right-column/following/no-follows}}
          {{/unless}}
        {{/unless}}
      {{/unless}}
    </div>
  {{else}}
    {{directory/right-column/following/no-login}}
  {{/if}}
{{/if}}
