diff options
author | Dan <danjm.com@gmail.com> | 2018-05-14 21:30:50 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-05-14 22:14:50 +0800 |
commit | 6bc8cc819a16118acc010d0efdec90afbda14590 (patch) | |
tree | 2d2c35604af2e6a44c5f3ecb5c901a52980710d8 /ui/app/components/loading-screen | |
parent | 0739618a61cfc383498e466f4fdeb5a25324598f (diff) | |
download | tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.tar.gz tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.tar.zst tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.zip |
Merge branch 'develop' into i3725-refactor-send-component-
Diffstat (limited to 'ui/app/components/loading-screen')
-rw-r--r-- | ui/app/components/loading-screen/index.js | 2 | ||||
-rw-r--r-- | ui/app/components/loading-screen/loading-screen.component.js | 35 |
2 files changed, 37 insertions, 0 deletions
diff --git a/ui/app/components/loading-screen/index.js b/ui/app/components/loading-screen/index.js new file mode 100644 index 000000000..191d953f7 --- /dev/null +++ b/ui/app/components/loading-screen/index.js @@ -0,0 +1,2 @@ +const LoadingScreen = require('./loading-screen.component') +module.exports = LoadingScreen diff --git a/ui/app/components/loading-screen/loading-screen.component.js b/ui/app/components/loading-screen/loading-screen.component.js new file mode 100644 index 000000000..bce2a4aac --- /dev/null +++ b/ui/app/components/loading-screen/loading-screen.component.js @@ -0,0 +1,35 @@ +const { Component } = require('react') +const h = require('react-hyperscript') +const PropTypes = require('prop-types') +const classnames = require('classnames') +const Spinner = require('../spinner') + +class LoadingScreen extends Component { + renderMessage () { + const { loadingMessage } = this.props + return loadingMessage && h('span', loadingMessage) + } + + render () { + return ( + h('.loading-overlay', { + className: classnames({ 'loading-overlay--full-screen': this.props.fullScreen }), + }, [ + h('.loading-overlay__container', [ + h(Spinner, { + color: '#F7C06C', + }), + + this.renderMessage(), + ]), + ]) + ) + } +} + +LoadingScreen.propTypes = { + loadingMessage: PropTypes.string, + fullScreen: PropTypes.bool, +} + +module.exports = LoadingScreen |