(fix) new message divider reset

advanced-chat · Mar 17, 2021 · 453bacc · 453bacc
1 parent 7bfd345
commit 453bacc
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/ChatWindow/Room/Room.vue b/src/ChatWindow/Room/Room.vue
@@ -476,8 +476,8 @@ export default {
 				if (val) this.message = this.roomMessage
 			}
 		},
-		messages(val) {
-			val.forEach((message, i) => {
+		messages(newVal, oldVal) {
+			newVal.forEach((message, i) => {
 				if (
 					this.showNewMessagesDivider &&
 					!message.seen &&
@@ -490,6 +490,10 @@ export default {
 				}
 			})
 
+			if (oldVal?.length === newVal?.length - 1) {
+				this.newMessages = []
+			}
+
 			if (this.infiniteState) {
 				this.infiniteState.loaded()
 			}
@@ -566,8 +570,6 @@ export default {
 			)
 		},
 		onMessageAdded({ message, index, ref }) {
-			this.newMessages = []
-
 			if (index !== this.messages.length - 1) return
 
 			const autoScrollOffset = ref.offsetHeight + 60