<button disabled tuiButton appearance="secondary" iconStart="@tui.mail-plus">
  {{"chat.chatnav.dmList.newChat"|translate}}
</button>

@for (chat of serviceManager.chats(); track chat.chatid) {
  <button [class.enlarge]="breakpoint() == 'mobile'" tuiButton [appearance]="router.url == '/chat/picture/' + chat.userid ? 'primary' : 'flat'" [routerLink]="'/chat/picture/' + chat.userid">
    <oimg [src]="chat.pfp" height="35px" width="35px" [radius]="10"></oimg>
    <div class="info">
      @if (chat.displayName == "") {
        <span>{{'@'+chat.username}}</span>
      } @else {
        <span>{{chat.displayName}}</span>
      }
    </div>
  </button>
}
