use moment to style timestamp

package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "bulma": "^0.5.0",
     "faker": "^4.1.0",
+    "moment": "^2.18.1",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
     "react-dom": "^15.6.1"

src/components/presentational/message-list.js

@@ -1,4 +1,5 @@
 import Messages from '../container/messages'
+import moment from 'moment'
 import PropTypes from 'prop-types'
 import React from 'react'
 
@@ -37,13 +38,13 @@ function MessageList({ ids, messagesById, postMessage }) {
         return (
           <li className="message is-dark is-small" key={`message-${id}`}>
             <div className="message-body">
-              <div>
+              <p className="is-size-6">
                 {text}
-              </div>
+              </p>
 
-              <div>
-                {new Date(timestamp).toString()}
-              </div>
+              <p className="is-size-7">
+                {moment(timestamp).format('MMM D, YYYY, h:mm:ss a')}
+              </p>
 
               <div>
                 <Messages

yarn.lock

@@ -4123,6 +4123,10 @@ [email protected], [email protected], "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdi
   dependencies:
     minimist "0.0.8"
 
+moment@^2.18.1:
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
+
 [email protected]:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"