From c49c557d9596dd60d44f9c3275f8c95fe92f8bdf Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 30 Dec 2019 09:47:58 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=88=EC=9D=BD=EC=9D=80=20=EB=A9=94?=
 =?UTF-8?q?=EC=8B=9C=EC=A7=80=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?:=20=EB=8B=A4=EB=A5=B8=EB=B0=A9=EC=9D=B4=20=ED=98=84=EC=9E=AC?=
 =?UTF-8?q?=20=EB=A1=9C=EB=94=A9=EB=90=98=EC=96=B4=20=EC=9E=88=EB=8A=94=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=EC=97=90=EC=84=9C=20=EB=8C=80=EC=83=81=20?=
 =?UTF-8?q?=EB=B0=A9=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99=EC=8B=9C=20?=
 =?UTF-8?q?=EC=95=88=EB=82=98=EC=98=A4=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20>=20selectedRoom=20=EB=B0=9C=EC=83=9D?=
 =?UTF-8?q?=EC=8B=9C=20event=20state=20=EC=B4=88=EA=B8=B0=ED=99=94.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/app/store/messenger/event/reducers.ts |  5 ++++
 .../src/environments/environment.type.ts      |  2 +-
 .../lib/components/messages.component.html    | 29 +++++++++++--------
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/store/messenger/event/reducers.ts b/projects/ucap-webmessenger-app/src/app/store/messenger/event/reducers.ts
index 28416d36..03de3a0f 100644
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/event/reducers.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/event/reducers.ts
@@ -136,6 +136,11 @@ export const reducer = createReducer(
     };
   }),
 
+  on(ChatStore.selectedRoom, (state, action) => {
+    return {
+      ...initialState
+    };
+  }),
   on(ChatStore.clearSelectedRoom, (state, action) => {
     return {
       ...initialState
diff --git a/projects/ucap-webmessenger-app/src/environments/environment.type.ts b/projects/ucap-webmessenger-app/src/environments/environment.type.ts
index fb97ced7..4e97d513 100644
--- a/projects/ucap-webmessenger-app/src/environments/environment.type.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.type.ts
@@ -89,7 +89,7 @@ export interface Environment {
       readHereShowMinimumEventCount: number;
       /** 여기까지 읽음을 보여줄 최대 이벤트 개수 (show: under) */
       readHereShowMaximumEventCount: number;
-      /** 여기까지 읽음이 보려질때 대화방 이벤트 조회 개수. */
+      /** 여기까지 읽음이 보여질때 대화방 이벤트 조회 개수. */
       readHereEventRequestCount: number;
     };
   };
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
index 35b65b89..a586c4cf 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
@@ -16,18 +16,6 @@
     </button>
   </div>-->
 <div class="chat-messages" #scrollMe>
-  <div class="unRead-count" *ngIf="
-        !!roomInfo &&
-        !!firstEventSeq &&
-        roomInfo.lastReadEventSeq < firstEventSeq
-      ">
-    <span class="line"></span>
-    <span class="count">
-      안읽은 메시지가 <span class="text-warn-color">({{ firstEventSeq - (roomInfo.lastReadEventSeq + 1) }})</span>개
-      더 있습니다.
-    </span>
-    <span class="line"></span>
-  </div>
   <div
     *ngIf="eventRemain && messages.length > 0"
     class="message-row view-previous bg-accent-dark"
@@ -49,6 +37,23 @@
         <line class="st0" x1="10" y1="12.9" x2="10" y2="7.1" />
       </svg>
       이전 대화 보기
+      <div
+        class="unRead-count"
+        *ngIf="
+          !!roomInfo &&
+          !!firstEventSeq &&
+          roomInfo.lastReadEventSeq < firstEventSeq
+        "
+      >
+        <span class="line"></span>
+        <span class="count">
+          안읽은 메시지가
+          <span class="text-warn-color"
+            >({{ firstEventSeq - (roomInfo.lastReadEventSeq + 1) }})</span
+          >개 더 있습니다.
+        </span>
+        <span class="line"></span>
+      </div>
     </button>
     <span class="line"></span>
   </div>