miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

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

loading-indicator-on-tls^2
Alex Gleason 2020-08-28 10:45:03 -05:00
rodzic 942b3fdebe
commit d67d76bf3a
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 7 dodań i 3 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

10
app/soapbox/features/chats/components/chat_window.js
Wyświetl plik

@ -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>