Mailspring/internal_packages/draft-list/lib/draft-list-toolbar.jsx

52 lines
1.2 KiB
React
Raw Normal View History

import React, {Component, PropTypes} from "react"
import DraftListStore from './draft-list-store'
import {ListensToObservable, MultiselectToolbar, InjectedComponentSet} from 'nylas-component-kit'
function getObservable() {
return DraftListStore.selectionObservable()
}
function getStateFromObservable(items) {
if (!items) {
return {items: []}
}
return {items}
}
class DraftListToolbar extends Component {
static displayName = 'DraftListToolbar';
static propTypes = {
items: PropTypes.array,
};
onClearSelection = () => {
DraftListStore.dataSource().selection.clear()
};
render() {
const {selection} = DraftListStore.dataSource()
const {items} = this.props
// Keep all of the exposed props from deprecated regions that now map to this one
const toolbarElement = (
<InjectedComponentSet
matching={{role: "DraftActionsToolbarButton"}}
exposedProps={{selection, items}}
/>
)
return (
<MultiselectToolbar
collection="draft"
selectionCount={items.length}
toolbarElement={toolbarElement}
onClearSelection={this.onClearSelection}
/>
)
}
}
export default ListensToObservable(DraftListToolbar, {getObservable, getStateFromObservable})