input param is changed

projects/ucap-webmessenger-app/src/app/layouts/chat/components/left-sidenav/group.component.html

@@ -1,3 +1,3 @@
 <ucap-group-expansion-panel
-  [buddyInfoList$]="buddyInfoList$"
+  [buddyInfoList]="buddyInfoList$ | async"
 ></ucap-group-expansion-panel>

projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html

@@ -1,5 +1,5 @@
 <mat-accordion>
-  <mat-expansion-panel *ngFor="let buddyInfo of buddyInfoList$ | async">
+  <mat-expansion-panel *ngFor="let buddyInfo of buddyInfoList">
     <mat-expansion-panel-header>
       <mat-panel-title> {{ buddyInfo.name }} </mat-panel-title>
       <mat-panel-description

projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input } from '@angular/core';
-import { Observable } from 'rxjs';
+
 import { UserInfo } from '@ucap-webmessenger/protocol-room';
 
 @Component({
@@ -9,7 +9,7 @@ import { UserInfo } from '@ucap-webmessenger/protocol-room';
 })
 export class ExpansionPanelComponent implements OnInit {
   @Input()
-  buddyInfoList$: Observable<UserInfo[]>;
+  buddyInfoList: UserInfo[];
 
   constructor() {}