           "data-toggle": "tooltip",
           "data-placement": "right",
           "title": "Delete Card",
-          onClick: @destroyCard })
+          onClick: @props.removeCard })
       )
 
     displayCard: (event) ->
       Tahi.overlay.display event, @props.task.cardName
-
-    destroyCard: ->
-      $.ajax
-        url: 'tasks/' + @props.task.taskId
-        method: 'DELETE'
-        success: =>
-          $(@getDOMNode()).remove()
-

    displayName: "Column"
    manuscriptCards: ->
      {li} = React.DOM
      cards = for task in @props.tasks
        (li {}, Tahi.manuscriptManager.Card {task: task})
      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,

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

