       machines={stack.get 'machines'}/>
 
 
+  renderDrafts: ->
+
+    @state.drafts?.toList().toJS().map (template) ->
+      id = template._id
+      title = _.unescape template.title
+      <header key={id} className="SidebarSection-header">
+        <h4 className='SidebarSection-headerTitle'>
+          <Link href="/Stack-Editor/#{id}">{title}</Link>
+        </h4>
+      </header>
+
+
   renderStacks: ->
 
     if @state.stacks.size
-      <SidebarStackHeaderSection
-        onNewStack={@bound 'onNewStack'}
-        >
+      <SidebarStackHeaderSection>
         {@prepareStacks()}
       </SidebarStackHeaderSection>
     else if @state.showNoStacksWidget

      privateChannels              : getters.followedPrivateChannelThreads
      selectedThreadId             : getters.selectedChannelThreadId
      stacks                       : EnvironmentFlux.getters.stacks
      sharedMachines               : EnvironmentFlux.getters.sharedMachines
      collaborationMachines        : EnvironmentFlux.getters.collaborationMachines
      sharedMachineListItems       : EnvironmentFlux.getters.sharedMachineListItems

_ = require 'lodash'
kd = require 'kd'
Link = require 'app/components/common/link'
React = require 'kd-react'
