Added an indication for when there are noe chat messages

app/lib/components/Chat/MessageList.jsx

@@ -30,7 +30,7 @@ class MessageList extends Component
 
 		return (
 			<div data-component='MessageList' id='messages'>
-				{
+				{ chatmessages.length > 0 ?
 					chatmessages.map((message, i) =>
 					{
 						const messageTime = new Date(message.time);
@@ -61,6 +61,9 @@ class MessageList extends Component
 							</div>
 						);
 					})
+					:<div className='empty'>
+						<p>No one has said anything yet...</p>
+					</div>
 				}
 			</div>
 		);

app/stylus/components/Chat.styl

@@ -6,7 +6,7 @@
 }
 
 [data-component='MessageList'] {
-	overflow-y: scroll;
+	overflow-y: auto;
 	flex-grow: 1;
 
 	> .message {
@@ -49,6 +49,23 @@
 			}
 		}
 	}
+
+	> .empty {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding-top: 20vmin;
+
+		> p {
+			padding: 6px 12px;
+			border-radius: 6px;
+			user-select: none;
+			pointer-events: none;
+			font-size: 20px;
+			color: #000;
+		}
+	}
 }
 
 [data-component='Sender'] {