<div
  matRipple
  routerLink="room/{{ sidebarResourceData.id }}/chat/private"
  routerLinkActive="active"
  [ngClass]="{ 'active-node': selectedMenu, 'data-error': error === true }"
  (click)="hideSidebar()"
  [appEnterTheViewportNotifier]
  (visibilityChange)="visibilityChange($event)"
  *ngIf="sidebarResourceData && dialogeRecord"
>
  <mat-icon class="notification-led" color="primary" *ngIf="news">circle</mat-icon>
  <app-avatar [accountAvatarRecord]="avatar"></app-avatar>
  <div class="res-node-name">
    <span>{{ name }}</span>
    <div *ngIf="!avatar" class="loading-bar"></div>
  </div>

  <mat-icon [matTooltip]="'Private chat' | translate" class="info-flag">person</mat-icon>
</div>
