moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chats: show message date on hover

This commit is contained in:
Alex Gleason 2020-08-27 17:27:37 -05:00
parent abd6c419f1
commit a349bce10f
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/soapbox/features/chats/components/chat_message_list.js
View File

@ -42,6 +42,20 @@ class ChatMessageList extends ImmutablePureComponent {
this.scrollToBottom(); this.scrollToBottom();
}; };
getFormattedTimestamp = (chatMessage) => {
const { intl } = this.props;
return intl.formatDate(
new Date(chatMessage.get('created_at')), {
hour12: false,
year: 'numeric',
month: 'short',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
}
);
};
componentDidUpdate(prevProps) { componentDidUpdate(prevProps) {
if (prevProps.chatMessages !== this.props.chatMessages) if (prevProps.chatMessages !== this.props.chatMessages)
this.scrollToBottom(); this.scrollToBottom();
@ -61,6 +75,7 @@ class ChatMessageList extends ImmutablePureComponent {
key={chatMessage.get('id')} key={chatMessage.get('id')}
> >
<span <span
title={this.getFormattedTimestamp(chatMessage)}
className='chat-message__bubble' className='chat-message__bubble'
dangerouslySetInnerHTML={{ __html: emojify(chatMessage.get('content')) }} dangerouslySetInnerHTML={{ __html: emojify(chatMessage.get('content')) }}
/> />