mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 00:36:50 +08:00
bc916a2530
Summary: Add docs for new RetinaImg modes Test Plan: Not much to test, except that it looks good! Reviewers: evan Reviewed By: evan Differential Revision: https://phab.nylas.com/D1595
36 lines
1 KiB
CoffeeScript
36 lines
1 KiB
CoffeeScript
React = require 'react'
|
|
_ = require 'underscore'
|
|
classNames = require 'classnames'
|
|
{Actions, Utils, WorkspaceStore} = require 'nylas-exports'
|
|
{RetinaImg} = require 'nylas-component-kit'
|
|
|
|
class AccountSidebarSheetItem extends React.Component
|
|
@displayName: 'AccountSidebarSheetItem'
|
|
|
|
render: =>
|
|
classSet = classNames
|
|
'item': true
|
|
'selected': @props.select
|
|
|
|
if @props.item.icon and @props.item.icon.displayName?
|
|
component = @props.item.icon
|
|
icon = <component selected={@props.select} />
|
|
|
|
else if _.isString(@props.item.icon)
|
|
icon = <RetinaImg name={@props.item.icon} fallback="folder.png" mode={RetinaImg.Mode.ContentIsMask} />
|
|
|
|
else
|
|
icon = <RetinaImg name={"folder.png"} mode={RetinaImg.Mode.ContentIsMask} />
|
|
|
|
<div className={classSet} onClick={@_onClick}>
|
|
{icon}
|
|
<span className="name"> {@props.item.name}</span>
|
|
</div>
|
|
|
|
_onClick: (event) =>
|
|
event.preventDefault()
|
|
Actions.selectRootSheet(@props.item)
|
|
|
|
|
|
module.exports = AccountSidebarSheetItem
|