Mailspring/internal_packages/thread-list/lib/message-list-toolbar.jsx

51 lines
1.4 KiB
React
Raw Normal View History

import Rx from 'rx-lite'
2016-05-07 07:06:16 +08:00
import React, {PropTypes} from 'react'
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
import {FocusedContentStore} from 'nylas-exports'
import ThreadListStore from './thread-list-store'
import InjectsToolbarButtons, {ToolbarRole} from './injects-toolbar-buttons'
function getObservable() {
return (
Rx.Observable.combineLatest(
Rx.Observable.fromStore(FocusedContentStore),
ThreadListStore.selectionObservable(),
(store, items) => ({focusedThread: store.focused('thread'), items})
)
.map(({focusedThread, items}) => {
if (focusedThread) {
return [focusedThread]
}
return items
})
)
}
2016-05-07 07:06:16 +08:00
const MessageListToolbar = ({items, injectedButtons}) => {
const shouldRender = items.length > 0
2016-05-07 07:06:16 +08:00
return (
<ReactCSSTransitionGroup
className="message-toolbar-items"
transitionLeaveTimeout={125}
transitionEnterTimeout={125}
transitionName="opacity-125ms"
>
{shouldRender ? injectedButtons : undefined}
</ReactCSSTransitionGroup>
)
}
MessageListToolbar.displayName = 'MessageListToolbar';
2016-05-07 07:06:16 +08:00
MessageListToolbar.propTypes = {
items: PropTypes.array,
injectedButtons: PropTypes.element,
};
const toolbarProps = {
getObservable,
extraRoles: [`MessageList:${ToolbarRole}`],
}
export default InjectsToolbarButtons(MessageListToolbar, toolbarProps)