From 517d8a4d37274535840d5877263a748e45c34aa1 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 16 Mar 2020 16:44:08 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=ED=99=94=20=EC=B0=B8=EC=97=AC?=
 =?UTF-8?q?=EC=9E=90=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20virture=20scroll=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../right-drawer/room-user-list.component.html         | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html
index 22b424b4..9f76c6b4 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html
@@ -1,8 +1,8 @@
 <div fxLayout="column" class="rightDrawer-userlist">
   <div class="search-list">
-    <perfect-scrollbar class="room-user-scrollbar">
+    <cdk-virtual-scroll-viewport itemSize="60" perfectScrollbar fxFlexFill>
       <ucap-profile-user-list-item
-        *ngFor="let userInfo of userInfoList"
+        *cdkVirtualFor="let userInfo of userInfoList"
         [userInfo]="userInfo"
         [presence]="getStatusBulkInfo(userInfo) | async"
         [sessionVerinfo]="sessionVerinfo"
@@ -10,11 +10,9 @@
         (openProfile)="onClickOpenProfile(userInfo.seq)"
       >
       </ucap-profile-user-list-item>
-    </perfect-scrollbar>
+    </cdk-virtual-scroll-viewport>
   </div>
-  <div
-    class="btn-box"
-  >
+  <div class="btn-box">
     <button mat-flat-button class="mat-primary" (click)="onClickAddMember()">
       {{ 'chat.addMemberToRoom' | translate }}
     </button>