       {moment(event.due_at).format("ddd, MMMM Do")}
     </div>
 
+EventRow = React.createClass
+  displayName: 'EventRow'
+  propTypes:
+    cssClass: React.PropTypes.string.isRequired
+    event:    React.PropTypes.object.isRequired
+    feedback: React.PropTypes.string.isRequired
+  render: ->
+    <div className="task row #{@props.cssClass}">
+     <BS.Col className="icon" xs={1}></BS.Col>
+     <BS.Col xs={7}>{@props.children}</BS.Col>
+     <BS.Col xs={2}>{@props.feedback}</BS.Col>
+     <BS.Col xs={2} className="due-at">{moment(@props.event.due_at).format("ddd, MMMM Do")}</BS.Col>
+    </div>
+
 ReadingEvent = React.createClass
   displayName: 'ReadingEvent'
   propTypes:


  render: ->
    event=@props.event
    <div className="task reading">
     <BS.Col className="icon" xs={1}>
     </BS.Col>
     <BS.Col xs={9}>
       {event.title} | <a>reference view</a>
     </BS.Col>
     <BS.Col xs={2} className="due-at">
       {moment(event.due_at).format("ddd, MMMM Do")}
     </BS.Col>
    </div>

HomeworkEvent = React.createClass
  displayName: 'HomeworkEvent'


  render: ->
    event=@props.event
    <EventRow feedback="In Progress" event=event cssClass="homework">
        {event.title} | <a>view feedback</a> | <a>recover credit</a>
    </EventRow>

EventsViewPanel = React.createClass
  displayName: 'EventsViewPanel'
