Start adding events

app/components/EventsList.js

+import React from 'react'
+import PropTypes from 'prop-types'
+import * as date from '../lib/date'
+import * as sort from '../lib/sort'
+import './EventsList.css'
+
+// TODO: sort on the server and use a cursor for fetching?
+const sortByDate = sort.descending('created')
+
+const EventsList = ({ project, events }) => (
+  <div className="content-metadata">
+    {events.sort(sortByDate).map(event => (
+      <div key={event.id} className="event">
+        <div>{date.format(event.created)}</div>
+      </div>
+    ))}
+  </div>
+)
+
+EventsList.propTypes = {
+  project: PropTypes.object.isRequired,
+  events: PropTypes.array.isRequired
+}
+
+export default EventsList

app/containers/EventsListContainer.js

+import React from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux'
+
+import EventsList from '../components/EventsList'
+import { selectCollection } from '../lib/selectors'
+
+const EventsListContainer = ({ project, events }) => {
+  if (!project) return null
+  if (!events.length) return null
+
+  return <EventsList project={project} events={events}/>
+}
+
+EventsListContainer.propTypes = {
+  project: PropTypes.object.isRequired,
+  events: PropTypes.array.isRequired // TODO: organise by type?
+}
+
+export default connect(
+  (state, ownProps) => {
+    const project = selectCollection(state, ownProps.params.project)
+
+    const events = project.events
+
+    return { project, events }
+  }
+)(EventsListContainer)