mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-14 05:41:05 +08:00
687597134d
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
32 lines
829 B
CoffeeScript
32 lines
829 B
CoffeeScript
React = require 'react'
|
|
{Actions} = require 'nylas-exports'
|
|
{RetinaImg} = require 'nylas-component-kit'
|
|
|
|
class SendingCancelButton extends React.Component
|
|
@displayName: 'SendingCancelButton'
|
|
|
|
@propTypes:
|
|
taskId: React.PropTypes.string.isRequired
|
|
|
|
constructor: (@props) ->
|
|
@state =
|
|
cancelling: false
|
|
|
|
render: =>
|
|
if @state.cancelling
|
|
<RetinaImg
|
|
style={width: 20, height: 20, marginTop: 2}
|
|
name="inline-loading-spinner.gif"
|
|
mode={RetinaImg.Mode.ContentPreserve} />
|
|
else
|
|
<div onClick={@_onClick} style={marginTop: 1}>
|
|
<RetinaImg
|
|
name="image-cancel-button.png"
|
|
mode={RetinaImg.Mode.ContentPreserve} />
|
|
</div>
|
|
|
|
_onClick: =>
|
|
Actions.dequeueTask(@props.taskId)
|
|
@setState(cancelling: true)
|
|
|
|
module.exports = SendingCancelButton
|