     @forceUpdate() # trigger re-render to update buttons
 
   renderGroup: (group) ->
-    console.log 'renderGroup(): GROUP =  ', group
+    # console.log 'renderGroup(): GROUP =  ', group
 
     buttonContainerClasses = []
     groupNameClasses = []

      onMouseOut={@hideButtonsForGroup.bind this, group}
      className='group'
      style={divStyle} >

      <div className="button-container #{buttonContainerClasses.join ' '}">
        <a href="#/mark/#{group.subject_sets[0].id}" className="button small-button">Mark</a>
        <a href="#/transcribe/#{group.subject_sets[0].id}" className="button small-button">Transcribe</a>
        <a href="#/groups/#{group.id}" className="button small-button ghost">More info</a>
      </div>

      <p className="group-name #{groupNameClasses.join ' '}">{group.name}</p>


    </div>

  render: ->

    groups:[]

  componentDidMount:->
    API.type("groups").get(project_id: @props.project.id).then (groups)=>
      group.showButtons = false for group in groups  # hide buttons by default
      @setState groups: groups

  showButtonsForGroup: (group, e) ->
    group.showButtons = true
