mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 00:36:50 +08:00
b66e2a22b6
Summary: I think I might've broken this when I fixed T3402, but I didn't realize it because I had zero drafts at the time, so this component didn't render for me. Test Plan: tested manually Reviewers: bengotow Maniphest Tasks: T3402, T3480 Differential Revision: https://phab.nylas.com/D1965
45 lines
1.2 KiB
CoffeeScript
45 lines
1.2 KiB
CoffeeScript
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}>
|
|
{unread}
|
|
<div className="icon"><RetinaImg name={'drafts.png'} mode={RetinaImg.Mode.ContentIsMask} /></div>
|
|
<div className="name"> {@props.item.name}</div>
|
|
</div>
|
|
|
|
_onClick: (event) =>
|
|
event.preventDefault()
|
|
Actions.selectRootSheet(@props.item)
|
|
|
|
module.exports = DraftListSidebarItem
|