Style the unread message as a badge

2018-07-12 17:39:53 +02:00
parent 8d9436a10e
commit 9af194769b
2 changed files with 18 additions and 2 deletions
@@ -35,7 +35,11 @@ class ToolArea extends React.Component
 						checked={currentToolTab === 'chat'}
 					/>
 					<label htmlFor='tab-chat'>
-						Chat ({unread} new)
+						Chat
+						
+						{unread > 0 && (
+							<span className='badge'>{unread}</span>
+						)}
 					</label>

 					<div className='tab'>