bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chats: only mark read on hover when the chat is open

Browse source
This commit is contained in:
Alex Gleason 2020-08-28 10:45:03 -05:00
parent 942b3fdebe
commit d67d76bf3a
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/chats/components/chat_window.js
View file

@ -72,7 +72,11 @@ class ChatWindow extends ImmutablePureComponent {
this.setState({ content: e.target.value });
}
handleReadChat = (e) => {
handleHover = () => {
if (this.props.pane.get('state') === 'open') this.markRead();
}
markRead = () => {
const { dispatch, chat } = this.props;
dispatch(markChatRead(chat.get('id')));
}
@ -108,7 +112,7 @@ class ChatWindow extends ImmutablePureComponent {
];
if (markReadConditions.every(c => c() === true))
this.handleReadChat();
this.markRead();
}
render() {
@ -120,7 +124,7 @@ class ChatWindow extends ImmutablePureComponent {
const unreadCount = chat.get('unread');
return (
<div className={`pane pane--${pane.get('state')}`} style={{ right: `${right}px` }} onMouseOver={this.handleReadChat}>
<div className={`pane pane--${pane.get('state')}`} style={{ right: `${right}px` }} onMouseOver={this.handleHover}>
<div className='pane__header'>
{unreadCount > 0
? <i className='icon-with-badge__badge'>{shortNumberFormat(unreadCount)}</i>