<button mat-stroked-button class="icon-button text-accent-darkest">
  <mat-icon>arrow_downward</mat-icon>
</button>
<button mat-stroked-button class="icon-button text-accent-darkest">
  <mat-icon>arrow_upward</mat-icon>
</button>

<div class="chat-area">
  <div class="more-event">
    <button mat-button aria-label="이모티콘">^이전 대화 보기</button>
  </div>

  <!-- <div *ngFor="let event of eventList">
    {{ event.senderSeq }} // {{ loginRes?.userSeq }}
    {{ event.senderSeq === loginRes?.userSeq }}
  </div> -->

  <app-chat-message-box
    *ngFor="let event of eventList"
    [message]="event"
    [roomInfo]="currentRoomInfo"
    [isMe]="event.senderSeq + '' === loginRes?.userSeq + ''"
    [senderInfo]="getSenderInfo(event.senderSeq)"
    [defaultProfileImage]="defaultProfileImage"
    [profileImageRoot]="versionInfo2Res?.profileRoot"
    [dateChanged]="getDateSplitter(event)"
    [unreadCount]="getUnreadCount(event)"
  ></app-chat-message-box>

  <div class="recent-receive-message">
    스크롤 상단일때 도착한 최근 메시지 표시 영역
  </div>
</div>
