{{#infinite-scroll
  action='loadMore'
  isLoading=clips.items.isLoading
  contentLength=clips.items.length
  as |isLoading|
}}
  <div class="tower tower--xs-1-1 tower--xxl-1-2 tower--gutter-none">
    {{#each clips.items as |clip index|}}
      {{clips/clips-card-row clipIndex=index clip=clip onClipClick=(action 'openPlaybackModal')}}
    {{/each}}
  </div>

  {{#if isLoading}}
    {{loading-more-spinner-new}}
  {{/if}}
{{/infinite-scroll}}

{{#common/modal-dialog
  showModal=shouldShowModal
  onClose=(action 'closeModal')
  size=clipModalSize
  useCustomSize=true
}}
  {{#if shouldShowRemoveModal}}
    {{clips/clips-modal-remove
      clip=activeClip
      closeRemoveModal=(action 'closeRemoveModal')
      closeModal=(action 'closeModal')
    }}
  {{else if shouldShowReportModal}}
    {{clips/clips-modal-report
      clip=activeClip
      closeReportModal=(action 'closeReportModal')
      closeModal=(action 'closeModal')
    }}
  {{else}}
    {{clips/clips-modal-playback
      clip=activeClip
      clips=clips
      activeClipIndex=activeClipIndex
      openPlaybackModal=(action 'openPlaybackModal')
      openRemoveModal=(action 'openRemoveModal')
      openReportModal=(action 'openReportModal')
    }}
  {{/if}}
{{/common/modal-dialog}}
