diff options
Show loading indication when selecting ShapeShift
Diffstat (limited to 'ui/app/loading.js')
-rw-r--r-- | ui/app/loading.js | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/ui/app/loading.js b/ui/app/loading.js deleted file mode 100644 index b060abebc..000000000 --- a/ui/app/loading.js +++ /dev/null @@ -1,50 +0,0 @@ -const inherits = require('util').inherits -const Component = require('react').Component -const h = require('react-hyperscript') -const connect = require('react-redux').connect -const ReactCSSTransitionGroup = require('react-addons-css-transition-group') - -module.exports = connect(mapStateToProps)(LoadingIndicator) - -function mapStateToProps (state) { - return { - isLoading: state.appState.isLoading, - } -} - -inherits(LoadingIndicator, Component) -function LoadingIndicator () { - Component.call(this) -} - -LoadingIndicator.prototype.render = function () { - var isLoading = this.props.isLoading - - return ( - h(ReactCSSTransitionGroup, { - className: 'css-transition-group', - transitionName: 'loader', - transitionEnterTimeout: 150, - transitionLeaveTimeout: 150, - }, [ - - isLoading ? h('div', { - style: { - zIndex: 10, - position: 'absolute', - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - height: '100%', - width: '100%', - background: 'rgba(255, 255, 255, 0.5)', - }, - }, [ - h('img', { - src: 'images/loading.svg', - }), - ]) : null, - ]) - ) -} - |