     actions.channel.loadFollowedPrivateChannels()
 
 
+  onStackRendered: ->
+
+    @setState { renderedStacksCount: @state.renderedStacksCount + 1 }
+
+
   renderStacks: ->
 
     stackSections = []

  render: ->
    <Scroller className={kd.utils.curry 'activity-sidebar', @props.className}>
      {@renderStacks()}
      {@renderSharedVMs()}
      {@renderChannels()}
      {@renderMessages()}
    </Scroller>

kd                            = require 'kd'
React                         = require 'kd-react'
ActivityFlux                  = require 'activity/flux'
EnvironmentFlux               = require 'app/flux/environment'
KDReactorMixin                = require 'app/flux/base/reactormixin'
SidebarChannelsSection        = require 'app/components/sidebarchannelssection'
SidebarMessagesSection        = require 'app/components/sidebarmessagessection'
SidebarStackSection           = require 'app/components/sidebarstacksection'
SidebarSharedMachinesSection  = require 'app/components/sidebarsharedmachinessection'
Scroller                      = require 'app/components/scroller'

module.exports = class Sidebar extends React.Component

  PREVIEW_COUNT = 10

  { getters, actions } = ActivityFlux


  constructor: ->

   super

   @state =
     renderedStacksCount : 0


  getDataBindings: ->
    return {
