From bd82ca3366438f29ef5fa9aa5ceb5a3dbf72ac14 Mon Sep 17 00:00:00 2001
From: DorraJaouad <dorra.jaoued7@gmail.com>
Date: Tue, 1 Oct 2024 20:26:17 +0200
Subject: [PATCH] fix(MessgaesList): update date separator overnight

Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
---
 src/components/MessagesList/MessagesList.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index b3bc4597ed1..d2dd85c47ea 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -25,7 +25,7 @@
 			:data-date-timestamp="dateTimestamp"
 			class="scroller__content"
 			:class="{ 'has-sticky': dateTimestamp === stickyDate }">
-			<li class="messages-group__date">
+			<li :key="dateSeparatorLabels[dateTimestamp]" class="messages-group__date">
 				<span class="messages-group__date-text" role="heading" aria-level="3">
 					{{ dateSeparatorLabels[dateTimestamp] }}
 				</span>
@@ -390,7 +390,7 @@ export default {
 					}
 
 					if (!this.dateSeparatorLabels[dateTimestamp]) {
-						this.dateSeparatorLabels[dateTimestamp] = this.generateDateSeparator(dateTimestamp)
+						this.$set(this.dateSeparatorLabels, dateTimestamp, this.generateDateSeparator(dateTimestamp))
 					}
 
 					if (!groupsByDate[dateTimestamp]) {
@@ -1266,6 +1266,10 @@ export default {
 			// setTimeout is needed here for Safari to correctly remove the unread marker
 			setTimeout(() => {
 				this.refreshReadMarkerPosition()
+				// Regenerate relative date separators
+				Object.keys(this.dateSeparatorLabels).forEach(dateTimestamp => {
+					this.$set(this.dateSeparatorLabels, dateTimestamp, this.generateDateSeparator(dateTimestamp))
+				})
 			}, 2)
 		},