<ion-content class="content">
  <div class="nav-data">
    <div class="room-data">
          <img class="avatar" [src]="room?.get('user')?.get('avatar')" alt="avatar" />
      <div class="profile-title">
        <div class="profile-name">{{ room?.get('user')?.get('nickname') }}</div>
        <div class="level">LV:33</div>
      </div>
      <ion-icon
      (click)="onCollection()"
      name="heart-circle-sharp"
      [style.color]="isFollow ? '#fe454e' : '#fff'"
    ></ion-icon>
    </div>
    <div class="report">
      <ion-icon name="warning-outline"></ion-icon>
    </div>
    <div class="exit" (click)="onExit()">
      <ion-icon name="enter-outline"></ion-icon>
    </div>
  </div>
  <app-live></app-live>
</ion-content>