import React from 'react';

export default class Chat extends React.Component {

  render () {
    return (
      <div className = "main-window">
        <ul id = "chat">
          { this.props.messages.map(m => <li key={m.key}><span id="date">{m.createdAt}</span> {m.user.displayName}: <p id="text">{m.content}</p></li>) }
        </ul>
        <ul id = "users">
          <li>User 1</li>
          <li>User 2</li>
          <li>User 3</li>
        </ul>
      </div>
    )
  }
}

@@ -258,16 +258,34 @@
 %3C/span%3E 
+%3Cspan id=%22userId%22%3E
 %7Bm.user.
@@ -296,16 +296,23 @@
 layName%7D
+%3C/span%3E
 : %3Cp id=

add button colors, date and name colors