안읽은 메시지 오류 수정 : 다른방이 현재 로딩되어 있는 상태에서 대상 방으로 이동시 안나오는 문제 수정 > selectedRoom 발생시 event state 초기화.

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

projects/ucap-webmessenger-app/src/environments/environment.type.ts

@@ -89,7 +89,7 @@ export interface Environment {
       readHereShowMinimumEventCount: number;
       /** 여기까지 읽음을 보여줄 최대 이벤트 개수 (show: under) */
       readHereShowMaximumEventCount: number;
-      /** 여기까지 읽음이 보려질때 대화방 이벤트 조회 개수. */
+      /** 여기까지 읽음이 보여질때 대화방 이벤트 조회 개수. */
       readHereEventRequestCount: number;
     };
   };

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>