mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-14 21:57:55 +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
29 lines
801 B
JavaScript
29 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>
|
|
}
|
|
}
|