     getInitialState: ->
         return {
             edited: false
+            loading: false
         }
 
     componentWillReceiveProps: (props) ->
+        @setState loading: false
         if props.mailboxID isnt @props.mailboxID
             @setState edited: false
             @_selected = {}


        # listen to scroll events
        scrollable = @refs.list.getDOMNode().parentNode
        setTimeout ->
            scrollable.removeEventListener 'scroll', @_loadNext
            scrollable.addEventListener 'scroll', @_loadNext
        , 0

        width  = window.innerWidth  or document.documentElement.clientWidth
        return rect.bottom <= ( height + 0 ) and rect.top >= 0

    _loadNext: ->
        if @refs.nextPage? and @_isVisible(@refs.nextPage.getDOMNode(), true)
            @setState loading: true
            LayoutActionCreator.showMessageList parameters: @props.query

    _initScroll: ->
        if not @refs.nextPage?
