2017-09-27 02:42:18 +08:00
|
|
|
{React, PropTypes, Actions} = require 'mailspring-exports'
|
2017-09-27 02:46:00 +08:00
|
|
|
{RetinaImg} = require 'mailspring-component-kit'
|
2016-02-05 06:14:24 +08:00
|
|
|
|
|
|
|
class SendingCancelButton extends React.Component
|
|
|
|
@displayName: 'SendingCancelButton'
|
|
|
|
|
|
|
|
@propTypes:
|
2017-09-27 02:33:08 +08:00
|
|
|
taskId: PropTypes.string.isRequired
|
2016-02-05 06:14:24 +08:00
|
|
|
|
|
|
|
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: =>
|
2017-07-31 07:52:58 +08:00
|
|
|
Actions.cancelTask(@props.taskId)
|
2016-02-05 06:14:24 +08:00
|
|
|
@setState(cancelling: true)
|
|
|
|
|
|
|
|
module.exports = SendingCancelButton
|