<div class="message-container">
  @for (message of messages(); track message.timestamp) {
    <p class="message">
      <span class="date-time" [class.blocked]="!message.notBlocked">
        [{{ message.timestamp | date: 'mediumTime' }}]
      </span>
      <mini-message [node]="message.messageJson"></mini-message>
    </p>
  }
</div>
