   render: ->
     categories = _.groupBy @props.problems, "category"
     categoryData = _.map categories, (problems, category) ->
-      name: "Only #{category} problems"
+      name: "Only #{category}"
       size: problems.length
       classifier: (problem) ->
         problem.category == category

      return <h4>No problems have been loaded. Click <a href='#'>here</a> to get started.</h4>

    problemComponents = @props.problems.map ((problem, i) ->
      <Col xs={6} lg={4} key={i}>
        <Problem onProblemChange={@props.onProblemChange} {...problem}/>
      </Col>
    ).bind this

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

    #TEMP
    problemFooter = ""


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

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

