   handleClick: (e) ->
     activeState = !@state.active
     @setState {active: activeState}
-    console.log @props
+    console.log @props, activeState
     @props.setClassifier activeState, @props.classifier
 
   render: ->
-    <ListGroupItem
-      onClick={@handleClick}
-      active={if @state.active then "active" else ""}>
-        {@props.name} <div className="pull-right"><Badge>{@props.size}</Badge></div>
+    glyph = <Glyphicon glyph="ok"/>
+
+    <ListGroupItem onClick={@handleClick}>
+        {@props.name} {if @state.active then glyph} <div className="pull-right"><Badge>{@props.size}</Badge></div>
     </ListGroupItem>
 
 ProblemClassifier = React.createClass

    @setState update @state,
      activeSort: $set: {name: name, ascending: ascending}

  setClassifier: (state, classifier) ->
    @setState update @state,
      problemClassifier: $set: classifier


      sortedProblems.reverse()

  render: ->
    filteredProblems = @filterProblems @props.problems
    <Row className="pad">
      <Col xs={3} md={3}>
        <Row>
          <ProblemFilter onSortChange={@onSortChange} filter="" onFilterChange={@onFilterChange}/>
        </Row>
        <Row>
          <ProblemClassifierList setClassifier={@setClassifier} problems={filteredProblems}/>
        </Row>
      </Col>
      <Col xs={9} md={9}>
        <ProblemList problems={filteredProblems}/>
      </Col>
    </Row>
