no search result of chat left side is added

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

@@ -83,7 +83,10 @@
   </cdk-virtual-scroll-viewport> -->
 </div>
 <div *ngIf="!!isSearch" class="app-layout-chat-left-sidenav-chat-list search">
-  <perfect-scrollbar fxFlex="1 1 auto">
+  <perfect-scrollbar
+    fxFlex="1 1 auto"
+    *ngIf="!!searchRoomList && 0 < searchRoomList.length"
+  >
     <ucap-room-list-item
       *ngFor="let room of searchRoomList"
       [loginRes]="loginRes"
@@ -110,6 +113,13 @@
     >
     </ucap-room-list-item>
   </cdk-virtual-scroll-viewport> -->
+  <div
+    class="no-search-result"
+    fxFlexFill
+    *ngIf="!searchRoomList || 0 === searchRoomList.length"
+  >
+    {{ 'common.noSearchResult' | translate }}
+  </div>
 </div>
 
 <div

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss

@@ -21,6 +21,11 @@
 .app-layout-chat-left-sidenav-chat-list {
   //height: calc(100% - 120px);
   position: relative;
+
+  .no-search-result {
+    padding-top: 10px;
+    padding-left: 10px;
+  }
 }
 
 .app-layout-chat-left-sidenav-chat-list-viewport {

projects/ucap-webmessenger-app/src/assets/i18n/en.json

@@ -349,6 +349,7 @@
     "search": "Search",
     "searchWord": "Search word",
     "searchResult": "Search result",
+    "noSearchResult": "There is no search result",
     "useOnlyForSpecialCharacter": "Can only use Special characters: {{v}}",
     "units": {
       "date": "Date",

projects/ucap-webmessenger-app/src/assets/i18n/ko.json

@@ -349,6 +349,7 @@
     "search": "검색",
     "searchWord": "검색어",
     "searchResult": "검색 결과",
+    "noSearchResult": "검색 결과가 없습니다.",
     "useOnlyForSpecialCharacter": "특수문자는 {{specialCharacter}}만 사용할 수 있습니다.",
     "units": {
       "date": "날짜",