feat(messenger): render sent/read checkmarks on own messages

This commit is contained in:
simoleo89
2026-06-02 20:25:03 +02:00
parent ef60aa8ebd
commit 775e8b27af
2 changed files with 16 additions and 0 deletions
@@ -89,6 +89,10 @@ export const FriendsMessengerThreadGroup: FC<{ thread: MessengerThread, group: M
}) } }) }
</Base> </Base>
<Base className="messenger-message-time">{ group.chats[0].date.toLocaleTimeString() }</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> </Base>
{ isOwnChat && { isOwnChat &&
<Base shrink className="message-avatar"> <Base shrink className="message-avatar">
+12
View File
@@ -902,3 +902,15 @@
font-style: italic; font-style: italic;
opacity: 0.6; 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;
}