Mailspring/internal_packages/draft-list/lib/sending-progress-bar.cjsx
Juan Tejada 687597134d feat(selection): Add new display for selection count + update toolbar
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
2016-03-21 12:20:11 -07:00

22 lines
615 B
CoffeeScript

React = require 'react'
_ = require 'underscore'
class SendingProgressBar extends React.Component
@propTypes:
progress: React.PropTypes.number.isRequired
render: ->
otherProps = _.omit(@props, _.keys(@constructor.propTypes))
if 0 < @props.progress < 99
<div className="sending-progress" {...otherProps}>
<div className="filled"
style={width:"#{Math.min(100, @props.progress)}%"}>
</div>
</div>
else
<div className="sending-progress" {...otherProps}>
<div className="indeterminate"></div>
</div>
module.exports = SendingProgressBar