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