@if (serviceManager.currentSession != null) {
  @for (message of messages(); track message.msgid; let i = $index) {
    <div
      class="message"
      [class.author]="message.author == serviceManager.currentSession()!.userData.userid"
      [class.chained_start]="isMessageStartOfChain(i)"
      [class.chained_middle]="isMessageMiddleInChain(i)"
      [class.chained_end]="isMessageEndOfChain(i)"
    >
      <div class="above">
        <span>{{message.sent_at.T * 1000 | date: 'HH:mm'}}</span>
      </div>
      <div class="bubble">
        <span class="message-text">{{message.message}}</span>
        @for (file of message.files; track file) {
          @if (file.type == "image") {
            <img [src]="file.path"/>
          }
        }
      </div>
      <div class="below"></div>
    </div>
  }
}