From 26e355ef0492a7d1f423316b0fd38fd0877d2799 Mon Sep 17 00:00:00 2001
From: richard-loafle <44828666+richard-loafle@users.noreply.github.com>
Date: Wed, 22 Jan 2020 17:50:05 +0900
Subject: [PATCH] no search result of chat left side is added

---
 .../components/left-sidenav/chat.component.html      | 12 +++++++++++-
 .../components/left-sidenav/chat.component.scss      |  5 +++++
 .../ucap-webmessenger-app/src/assets/i18n/en.json    |  1 +
 .../ucap-webmessenger-app/src/assets/i18n/ko.json    |  1 +
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index b5648d67..693dbc23 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/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
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss
index 5faa6186..ce342bfa 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss
+++ b/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 {
diff --git a/projects/ucap-webmessenger-app/src/assets/i18n/en.json b/projects/ucap-webmessenger-app/src/assets/i18n/en.json
index c797c2dd..d7f892f4 100644
--- a/projects/ucap-webmessenger-app/src/assets/i18n/en.json
+++ b/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",
diff --git a/projects/ucap-webmessenger-app/src/assets/i18n/ko.json b/projects/ucap-webmessenger-app/src/assets/i18n/ko.json
index 7ef00521..75795d8e 100644
--- a/projects/ucap-webmessenger-app/src/assets/i18n/ko.json
+++ b/projects/ucap-webmessenger-app/src/assets/i18n/ko.json
@@ -349,6 +349,7 @@
     "search": "검색",
     "searchWord": "검색어",
     "searchResult": "검색 결과",
+    "noSearchResult": "검색 결과가 없습니다.",
     "useOnlyForSpecialCharacter": "특수문자는 {{specialCharacter}}만 사용할 수 있습니다.",
     "units": {
       "date": "날짜",