     displayName: "Column"
     manuscriptCards: ->
       {li} = React.DOM
-      cards = for task in @props.tasks
-        (li {}, Tahi.manuscriptManager.Card {task: task})
+      cards = _.map @props.tasks, (task) =>
+        (li {}, Tahi.manuscriptManager.Card {task: task, removeCard: => @props.removeCard(task.taskId, @props.phase_id)})
       cards.concat((li {},
         NewCardButton {
           paper: @props.paper,
           phase_id: @props.phase_id
       }))
 
+
     render: ->
       {h2, div, ul, li} = React.DOM
-
-
       (li {className: 'column'},
         Tahi.manuscriptManager.ColumnAppender {
           addFunction: @props.addFunction,

          "data-toggle": "tooltip",
          "data-placement": "right",
          "title": "Delete Card",
          onClick: @destroyCard })
      )

    displayCard: (event) ->
      Tahi.overlay.display event, @props.task.cardName

    destroyCard: ->
      $.ajax
        url: 'tasks/' + @props.task.taskId
        method: 'DELETE'
        success: =>
          $(@getDOMNode()).remove()


              tasks: flow.tasks,
              phase_id: flow.id,
              paper: @state.paper
              removeCard: @removeCard
            }
      ))

