         </div>
       </div>
 
-
       <div className="column">
         {if @state.selectedTaskKey? and @props.workflow.tasks[@state.selectedTaskKey]?
           TaskEditorComponent = tasks[@props.workflow.tasks[@state.selectedTaskKey].type].Editor

    projectAndWorkflowSubjectSets = Promise.all [
      @props.project.get 'subject_sets'
      @props.workflow.get 'subject_sets'
      # TODO: @props.workflow.get 'expert_subject_set'
    ]

    <PromiseRenderer promise={projectAndWorkflowSubjectSets}>{([projectSubjectSets, workflowSubjectSets, expertSubjectSet]) =>
      <table>
        {for subjectSet in projectSubjectSets
          assigned = subjectSet in workflowSubjectSets
          cantChange = subjectSet is expertSubjectSet or subjectSet.id is @props.workflow.links.expert_subject_set
          toggle = @handleSubjectSetToggle.bind this, subjectSet
          <tr key={subjectSet.id}>
            <td><input type="checkbox" checked={assigned} disabled={cantChange} onChange={toggle} /></td>
            <td>{subjectSet.display_name}</td>
          </tr>}
      </table>
    }</PromiseRenderer>

  addNewTask: (type) ->

        @props.workflow.addLink 'subject_sets', [subjectSet.id]
      else
        @props.workflow.removeLink 'subject_sets', subjectSet.id

  addDemoSubjectSet: ->
    @props.project.addLink 'subject_sets', [DEMO_SUBJECT_SET_ID]
      .then (subjectSet) =>
        console.log 'ADDED', subjectSet

  afterDelete: ->
    @props.project.uncacheLink 'workflows'
