{{twitch-feed/reaction reaction=endorseReaction action="setReactionForPost"}}
{{#if topReactions}}
  {{#each topReactions as |reaction|}}
    {{twitch-feed/reaction reaction=reaction action="setReactionForPost"}}
  {{/each}}
{{/if}}
{{#if additionalReactions}}
  <div class="balloon-wrapper js-reactions-menu">
    {{#if showAllReactions}}
      <div class="balloon balloon--up balloon--no-padding show">
        <ul class="activity-react__all">
          {{#each additionalReactions as |reaction|}}
            <li>
              {{twitch-feed/reaction reaction=reaction action="setReactionForPost"}}
            </li>
          {{/each}}
        </ul>
      </div>
    {{/if}}
    <button class="activity-button js-reaction-overflow" {{action "toggleReactionsMenu" "dropdown"}}>
      <span>
        <svg class="activity-button__icon" height="20px" version="1.1" viewBox="0 0 16 20" width="16px" x="0px" y="0px">
          <path clip-rule="evenodd" d="M3,9 L5,9 L5,11 L3,11 L3,9 Z M7,9 L9,9 L9,11 L7,11 L7,9 Z M11,9 L13,9 L13,11 L11,11 L11,9 Z" fill-rule="evenodd"></path>
        </svg>
      </span>
    </button>
  </div>
{{/if}}
{{#if isLoggedIn}}
  <div class="activity-react__select js-reactions-menu">
    <button class="activity-button js-reaction-selector" {{action "toggleReactionsMenu" "selector"}}>
      <span>{{partial 'svg/emoticons'}}</span>
    </button>
    {{#if showEmoticonSelector}}
      {{emoticon-selector allEmotes=rawEmoteSet action='setReactionByName' hideAction='hideEmoticonSelector' class='bottom-0 mg-b-2'}}
    {{/if}}
  </div>
{{/if}}
