From e79cef58431b59eb76c6cb25d0d0b681c77b6763 Mon Sep 17 00:00:00 2001
From: psychobunny <rodrigues.andrew@gmail.com>
Date: Mon, 21 Mar 2016 12:58:09 -0400
Subject: [PATCH] closes https://github.com/NodeBB/NodeBB/issues/4423

---
 less/modules/taskbar.less | 4 ++++
 lib/persona.js            | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/less/modules/taskbar.less b/less/modules/taskbar.less
index c1f2046..6647157 100644
--- a/less/modules/taskbar.less
+++ b/less/modules/taskbar.less
@@ -111,6 +111,10 @@
 					padding: 1px 2px;
 					font-family: @font-family-sans-serif;
 				}
+
+				&.new[data-content="0"]:after {
+					display: none;
+				}
 			}
 
 			&.taskbar-composer, &.taskbar-chat {
diff --git a/lib/persona.js b/lib/persona.js
index 9b409b3..aa11570 100644
--- a/lib/persona.js
+++ b/lib/persona.js
@@ -54,12 +54,20 @@ $(document).ready(function() {
 			}
 		});
 
+		socket.on('event:chats.markedAsRead', function(data) {
+			$('#taskbar [data-roomId="' + data.roomId + '"]')
+				.removeClass('new')
+				.attr('data-content', 0);
+		});
+
 		function createChatIcon(data) {
 			data.options.icon = 'fa-spinner fa-spin';
 
 			$.getJSON(config.relative_path + '/api/user/' + utils.slugify(data.options.title), function(user) {
 				var el = $('#taskbar [data-uuid="' + data.uuid + '"] a');
 				el.find('i').remove();
+				el.parent('[data-uuid]').attr('data-roomId', data.options.roomId);
+
 				if (user.picture) {
 					el.css('background-image', 'url(' + user.picture + ')');
 				} else {