mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-22 16:26:08 +08:00
e83bf2bbec
Summary:
- New behavior is that the in split mode, you will perform actions on
the selection via the MessageListToolbar (the toolbar positioned above
the message list)
- Refactored and moved around a bunch of code to achieve this:
- Mostly renaming stuff and moving stuff around and removing some
duplication
- Update naming of toolbar role to a single role, and update relevant code
- Converted and refactored a bunch of code into ES6, specifically to reuse the code for the ThreadActionsToolbar at the 2 locations
- Deprecated MultiselectActionBar in favor of MultiselectToolbar
- Deprecated old roles
- Punted the animation for the stackable cards in the selection display for now.
- #370
Test Plan: - Manual and unit tests
Reviewers: evan, drew, bengotow
Reviewed By: bengotow
Differential Revision: https://phab.nylas.com/D2756
30 lines
801 B
JavaScript
30 lines
801 B
JavaScript
import React, {Component, PropTypes} from 'react'
|
|
import {Utils} from 'nylas-exports'
|
|
import {Flexbox} from 'nylas-component-kit'
|
|
import SendingProgressBar from './sending-progress-bar'
|
|
|
|
export default class DraftListSendStatus extends Component {
|
|
static displayName = 'DraftListSendStatus';
|
|
|
|
static propTypes = {
|
|
draft: PropTypes.object,
|
|
};
|
|
|
|
static containerRequired = false;
|
|
|
|
render() {
|
|
const {draft} = this.props
|
|
if (draft.uploadTaskId) {
|
|
return (
|
|
<Flexbox style={{width: 150, whiteSpace: 'nowrap'}}>
|
|
<SendingProgressBar
|
|
style={{flex: 1, marginRight: 10}}
|
|
progress={draft.uploadProgress * 100}
|
|
/>
|
|
</Flexbox>
|
|
)
|
|
}
|
|
return <span className="timestamp">{Utils.shortTimeString(draft.date)}</span>
|
|
}
|
|
}
|