         </Row>
       </Col>
       <Col xs={9} md={9}>
-        <ProblemList problems={filteredProblems}/>
+        <ProblemList problems={filteredProblems} onProblemChange={@props.onProblemChange}/>
       </Col>
     </Row>

      </div>
    </div>

    problemFooter = @props.tags.map (tag, i) ->
      <Label key={i}><a href="#">{tag}</a></Label>

    panelStyle = if @state.disabled then "default" else "info"

    <Panel bsStyle={panelStyle} header={problemHeader} footer={problemFooter}>
      <h4>Score: {@props.score}</h4>
      <pre>
        <code>
          {@props.description}
        </code>
      </pre>
    </Panel>

ProblemList = React.createClass

      classifier: (problem) ->
        problem.organization == organization

    problemStates = _.countBy @props.problems, "disabled"
    problemStateData = []

    if problemStates[false] > 0
      problemStateData.push
        name: "Enabled problems",
        size: problemStates[false],
        classifier: (problem) -> !problem.disabled

    if problemStates[true] > 0
      problemStateData.push
        name: "Disabled problems",
        size: problemStates[true],
        classifier: (problem) -> problem.disabled

    <PanelGroup className="problem-classifier" collapsible>
      <ProblemClassifier name="State" data={problemStateData} {...@props}/>
      <ProblemClassifier name="Categories" data={categoryData} {...@props}/>
      <ProblemClassifier name="Organizations" data={organizationData} {...@props}/>
      <ProblemClassifier name="Bundles" data={[]} {...@props}/>
