From 775e8b27afc558223a433b92fa62329293c6291e Mon Sep 17 00:00:00 2001
From: simoleo89 <simoleo89@users.noreply.github.com>
Date: Tue, 2 Jun 2026 20:25:03 +0200
Subject: [PATCH] feat(messenger): render sent/read checkmarks on own messages

---
 .../messenger-thread/FriendsMessengerThreadGroup.tsx |  4 ++++
 src/css/friends/FriendsView.css                      | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
index f640843..9276c73 100644
--- a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
+++ b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
@@ -89,6 +89,10 @@ export const FriendsMessengerThreadGroup: FC<{ thread: MessengerThread, group: M
                     }) }
                 </Base>
                 <Base className="messenger-message-time">{ group.chats[0].date.toLocaleTimeString() }</Base>
+                { isOwnChat && (group.type === MessengerGroupType.PRIVATE_CHAT) && (group.chats[group.chats.length - 1].type === MessengerThreadChat.CHAT) &&
+                    <Base className={ 'messenger-message-status ' + ((group.chats[group.chats.length - 1].status === MessengerThreadChat.READ) ? 'read' : '') }>
+                        { (group.chats[group.chats.length - 1].status === MessengerThreadChat.READ) ? '✓✓' : '✓' }
+                    </Base> }
             </Base>
             { isOwnChat &&
                 <Base shrink className="message-avatar">
diff --git a/src/css/friends/FriendsView.css b/src/css/friends/FriendsView.css
index 219b91d..34b9544 100644
--- a/src/css/friends/FriendsView.css
+++ b/src/css/friends/FriendsView.css
@@ -902,3 +902,15 @@
     font-style: italic;
     opacity: 0.6;
 }
+
+.messenger-message-status {
+    margin-top: 1px;
+    font-size: 10px;
+    line-height: 10px;
+    text-align: right;
+    opacity: 0.6;
+}
+.messenger-message-status.read {
+    color: #4fc3f7;
+    opacity: 1;
+}