mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-14 05:41:05 +08:00
45 lines
1.1 KiB
Text
45 lines
1.1 KiB
Text
|
React = require 'react'
|
||
|
|
_ = require 'underscore'
|
||
|
|
classNames = require 'classnames'
|
||
|
|
{Actions, Utils, WorkspaceStore, DraftCountStore} = require 'nylas-exports'
|
||
|
|
{RetinaImg} = require 'nylas-component-kit'
|
||
|
|
|
||
|
|
class DraftListSidebarItem extends React.Component
|
||
|
|
@displayName: 'DraftListSidebarItem'
|
||
|
|
|
||
|
|
constructor: (@props) ->
|
||
|
|
@state = @getStateFromStores()
|
||
|
|
|
||
|
|
componentDidMount: =>
|
||
|
|
@unsubscribe = DraftCountStore.listen(@_onCountChanged)
|
||
|
|
|
||
|
|
componentWillUnmount: =>
|
||
|
|
@unsubscribe()
|
||
|
|
|
||
|
|
getStateFromStores: =>
|
||
|
|
count: DraftCountStore.count()
|
||
|
|
|
||
|
|
_onCountChanged: =>
|
||
|
|
@setState(@getStateFromStores())
|
||
|
|
|
||
|
|
render: =>
|
||
|
|
classSet = classNames
|
||
|
|
'item': true
|
||
|
|
'selected': @props.select
|
||
|
|
|
||
|
|
unread = []
|
||
|
|
if @state.count > 0
|
||
|
|
unread = <div className="unread item-count-box">{@state.count}</div>
|
||
|
|
|
||
|
|
<div className={classSet} onClick={@_onClick}>
|
||
|
|
<RetinaImg name={'drafts.png'} mode={RetinaImg.Mode.ContentIsMask} />
|
||
|
|
<span className="name"> {@props.item.name}</span>
|
||
|
|
{unread}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
_onClick: (event) =>
|
||
|
|
event.preventDefault()
|
||
|
|
Actions.selectRootSheet(@props.item)
|
||
|
|
|
||
|
|
module.exports = DraftListSidebarItem
|