{{#if canAddComments}}
  <div class="activity-add-comment js-activity-add-comment pos-relative pd-b-1">
    <img alt="{{i18n "profile image"}}" class='square-3 float-left' src={{userProfileImage}} >
    {{twitch-feed/composer
        class="mg-l-4"
        placeholderText=(i18n "Add a comment...")
        createMessage=(action "createComment")
        maxLength=500
        showCreateActions=false
        nakedReturnToSubmit=true
        trackingInfo=(create-context trackingInfo)
    }}
  </div>
{{/if}}
{{#each comments as |comment|}}
  {{twitch-feed/comment
      comment=comment
      onOpenPost=onOpenPost
      broadcasterIsLive=broadcasterIsLive
      trackingInfo=(create-context trackingInfo)
  }}
{{/each}}
{{#if commentsNotLoaded}}
  <button class="list-load-more mg-b-1" disabled={{loadingMore}} {{action 'loadMoreComments'}}>
    <span>
      {{#if loadingMore}}
        <div class="loading-spinner"></div>
      {{else}}
        <span>{{i18n "More comments"}} ({{commentsNotLoaded}})</span>
      {{/if}}
    </span>
  </button>
{{/if}}
