{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<div class="page-title"> Reactions </div>
{{$st_id := .ID}}
<div class="page-title"> Add reaction </div>
<div class="scrollable-emoji" style="overflow-y: scroll; height:200px;">
<div class="pleroma-reactions">
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
     {{range $shortcode, $code := .ReactionEmojis}}
     {{if Allowed_emoji_page $shortcode $emoji_filter}}
     <form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" title="{{$shortcode}}">
     	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
        <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
        <input type="submit" value="{{$code}}" class="pleroma-emoji">
     </form>
     {{end}}
     {{end}}
</div>
</div>

<div class="page-title"> Who reacted </div>
{{range .Reactions}}
<div class="page-title">{{.Name}}</div>
	{{template "userlist.tmpl" (WithContext .Accounts $.Ctx)}}
{{end}}
{{end}}