{{#unless isLoadingFollowsCount}}
  {{!-- if user is following at least one --}}
  {{#if hasFollows}}
    <div class='section_header first'>
      <h3 class='title'>
        {{t 'general.Twitch.liveChannels'}}
      </h3>
    </div>

    <div class='js-streams streams tower qa-tower tower--bleed tower--240 tower--gutter-sm'>
      {{!-- check if any channels are live --}}
      {{#if sampleStreams}}
        {{#each sampleStreams as |sampleStream index|}}
          {{stream-preview stream=sampleStream tt_medium="following_directory" tt_content="live_channel" position=index tt_content_index=index}}
        {{/each}}
        {{#if hasMoreStreams}}
          <div class='item viewall'>
            {{#link-to "directory.following.channels" class="js-var-height"}}
              <div class='text'>
                <span>
                  {{t 'general.common.viewAll'}}
                </span>
                <span>
                  {{t 'general.Twitch.liveChannels'}}
                </span>
              </div>
            {{/link-to}}
          </div>
        {{/if}}
      {{/if}}
      {{tower-placeholder}}
    </div>
    {{#unless sampleStreams}}
      <p class='empty-grid'>
        {{t 'general.Twitch.noChannelsLive'}}
      </p>
    {{/unless}}
  {{else}}
    {{directory-following-none}}
  {{/if}}
{{/unless}}
