next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.html

<div class="rightDrawer-title">
  <h3>{{ selectedRightDrawer }}</h3>
  <span>
    <button
      mat-button
      matSuffix
      mat-icon-button
      aria-label="Close"
      (click)="onClickClose()"
    >
      <mat-icon>close</mat-icon>
    </button>
  </span>
</div>
<ng-container *ngIf="selectedRightDrawer" [ngSwitch]="selectedRightDrawer">
  <!-- [S] About Chat room -->
  <app-layout-chat-right-drawer-file-box *ngSwitchCase="RightDrawer.FileBox">
  </app-layout-chat-right-drawer-file-box>

  <app-layout-chat-right-drawer-album-box *ngSwitchCase="RightDrawer.AlbumBox">
  </app-layout-chat-right-drawer-album-box>

  <app-layout-chat-right-drawer-room-user-list
    *ngSwitchCase="RightDrawer.RoomUser"
    (openProfile)="onClickOpenProfile($event)"
  >
  </app-layout-chat-right-drawer-room-user-list>
  <!-- [E] About Chat room -->

  <!-- [S] About Common -->
  <!-- [E] About Common -->
</ng-container>