Mailspring/internal_packages/message-list/lib/main.cjsx
Ben Gotow aad21317e5 feat(ui): Updates from March 17th mockups
Summary:
There are two known issues:
- toolbar is not draggable in some areas when in three-pane mode.
- archive button appears over very long subjects. Propose moving this button elsewhere.

WIP

WIP

Test Plan: Run tests

Reviewers: evan

Reviewed By: evan

Differential Revision: https://review.inboxapp.com/D1311
2015-03-18 18:21:04 -07:00

80 lines
2.1 KiB
CoffeeScript

React = require "react"
MessageList = require "./message-list"
MessageToolbarItems = require "./message-toolbar-items"
MessageSubjectItem = require "./message-subject-item"
{ComponentRegistry} = require 'inbox-exports'
{RetinaImg} = require 'ui-components'
DownButton = React.createClass
render: ->
<div className="message-toolbar-arrow down" onClick={@_onClick}>
<RetinaImg name="toolbar-down-arrow.png"/>
</div>
_onClick: ->
atom.commands.dispatch(document.body, 'application:next-item')
UpButton = React.createClass
render: ->
<div className="message-toolbar-arrow up" onClick={@_onClick}>
<RetinaImg name="toolbar-up-arrow.png"/>
</div>
_onClick: ->
atom.commands.dispatch(document.body, 'application:previous-item')
module.exports =
item: null # The DOM item the main React component renders into
activate: (@state={}) ->
# Register Message List Actions we provide globally
ComponentRegistry.register
name: 'MessageListSplit'
role: 'Root:Right'
mode: 'split'
view: MessageList
ComponentRegistry.register
name: 'MessageToolbarItemsSplit'
role: 'Root:Right:Toolbar'
mode: 'split'
view: MessageToolbarItems
ComponentRegistry.register
name: 'MessageList'
role: 'Thread:Center'
mode: 'list'
view: MessageList
ComponentRegistry.register
name: 'MessageToolbarItems'
role: 'Thread:Center:Toolbar'
mode: 'list'
view: MessageToolbarItems
ComponentRegistry.register
name: 'MessageSubjectItem'
role: 'Thread:Center:Toolbar'
mode: 'list'
view: MessageSubjectItem
ComponentRegistry.register
name: 'DownButton'
role: 'Thread:Right:Toolbar'
mode: 'list'
view: DownButton
ComponentRegistry.register
name: 'UpButton'
role: 'Thread:Right:Toolbar'
mode: 'list'
view: UpButton
deactivate: ->
ComponentRegistry.unregister 'MessageToolbarItems'
ComponentRegistry.unregister 'MessageListSplit'
ComponentRegistry.unregister 'MessageList'
serialize: -> @state