   onAddClick: ->
     @setState(showProblems: false)
     @scrollToSelector('.select-topics')
+
+  onSectionChange: ->
+    @setState(showProblems: false)
 
   render: ->
     {courseId, planId, ecosystemId, hide, cancel} = @props


      <SelectTopics
        primary={primaryBtn}
        header={<span key='hd'>Add Problems</span>}
        courseId={courseId}
        ecosystemId={ecosystemId}

ChooseExercises = React.createClass

  propTypes:
    ecosystemId: React.PropTypes.string.isRequired
    planId:      React.PropTypes.string.isRequired
    courseId:    React.PropTypes.string.isRequired
    hide:        React.PropTypes.func.isRequired
    cancel:      React.PropTypes.func.isRequired
    canEdit:     React.PropTypes.bool

  mixins: [ScrollToMixin]

