From 47ed465252438cac6895cb9522adcc8adb21ec70 Mon Sep 17 00:00:00 2001
From: Jerko Steiner <jerko.steiner@gmail.com>
Date: Mon, 11 Nov 2019 23:17:56 -0300
Subject: [PATCH] Fix unread messages

---
 src/client/components/Toolbar.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/client/components/Toolbar.js b/src/client/components/Toolbar.js
index 4fb7447..16dfe76 100644
--- a/src/client/components/Toolbar.js
+++ b/src/client/components/Toolbar.js
@@ -20,6 +20,9 @@ export default class Toolbar extends React.PureComponent {
   constructor (props) {
     super(props)
     this.file = React.createRef()
+    this.state = {
+      readMessages: props.messages.length
+    }
   }
   handleMicClick = () => {
     const { stream } = this.props
@@ -52,16 +55,23 @@ export default class Toolbar extends React.PureComponent {
     .from(event.target.files)
     .forEach(file => this.props.onSendFile(file))
   }
+  handleToggleChat = () => {
+    this.setState({
+      readMessages: this.props.messages.length
+    })
+    this.props.onToggleChat()
+  }
   render () {
     const { messages, stream } = this.props
 
     return (
       <div className="toolbar active">
-        <div onClick={this.props.onToggleChat}
+        <div onClick={this.handleToggleChat}
           className={classnames('button chat', {
             on: this.props.chatVisible
           })}
-          data-blink={this.props.chatVisible && messages.length}
+          data-blink={!this.props.chatVisible &&
+            messages.length > this.state.readMessages}
           title="Chat"
         >
           <span className="icon icon-question_answer" />