diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-12-08 01:47:31 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-12-08 01:47:31 +0800 |
commit | e0d0e19c925224bddf56a4088fb9c402d995d79f (patch) | |
tree | f6306a17629d68e217488ab15af7ce5029c07335 /old-ui/app/components/loading.js | |
parent | 2e9137dddd4abd07cc45caa670f09bdc9559bbbb (diff) | |
parent | efa894a0c3af0b8182b639c25b4c249b083009cf (diff) | |
download | tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.tar.gz tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.tar.zst tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.zip |
Merge pull request #2697 from danjm/MM-333-auto-add-users-to-new-UI
[NewUI] Auto add users to new ui
Diffstat (limited to 'old-ui/app/components/loading.js')
-rw-r--r-- | old-ui/app/components/loading.js | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/old-ui/app/components/loading.js b/old-ui/app/components/loading.js new file mode 100644 index 000000000..163792584 --- /dev/null +++ b/old-ui/app/components/loading.js @@ -0,0 +1,45 @@ +const inherits = require('util').inherits +const Component = require('react').Component +const h = require('react-hyperscript') + + +inherits(LoadingIndicator, Component) +module.exports = LoadingIndicator + +function LoadingIndicator () { + Component.call(this) +} + +LoadingIndicator.prototype.render = function () { + const { isLoading, loadingMessage } = this.props + + return ( + isLoading ? h('.full-flex-height', { + style: { + left: '0px', + zIndex: 10, + position: 'absolute', + flexDirection: 'column', + display: 'flex', + justifyContent: 'center', + alignItems: 'center', + height: '100%', + width: '100%', + background: 'rgba(255, 255, 255, 0.8)', + }, + }, [ + h('img', { + src: 'images/loading.svg', + }), + + h('br'), + + showMessageIfAny(loadingMessage), + ]) : null + ) +} + +function showMessageIfAny (loadingMessage) { + if (!loadingMessage) return null + return h('span', loadingMessage) +} |