packages/frontend/app/components/messages.hbs
<div
{{did-insert (set this "messagesContainer")}}
class="messages"
{{! template-lint-disable no-invalid-interactive }}
{{on "click" this.displayDebugMessage}}
data-test-messages
>
{{#each this.messages as |message index|}}
<Message
@id="message-{{index}}"
@username={{message.username}}
@userIsActive={{message.active}}
@userIsCurrent={{message.current}}
@userLocalTime={{message.localTime}}
>
{{sanitize message.content}}
</Message>
{{else}}
<p>{{t "general.noneFound" items="messages"}}</p>
{{t "sections.messages.addNew"}}
{{/each}}
<Forms::NewMessageInput @onCreate={{this.addMessage}} />
</div>