packages/frontend/app/components/message.hbs
<div class="message" id="{{@id}}" data-test-message>
<Message::Avatar
@title="{{@username}}'s avatar"
@initial={{substring @username start=0 end=1}}
@isActive={{@userIsActive}}
@isCurrent={{@userIsCurrent}}
/>
<section>
<Message::Username @name={{@username}} @localTime={{@userLocalTime}} />
{{yield}}
</section>
</div>