1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/app/components/loading.js
2017-10-19 21:06:14 -07:00

39 lines
823 B
JavaScript

const { Component } = require('react')
const h = require('react-hyperscript')
class LoadingIndicator extends Component {
renderMessage () {
const { loadingMessage } = this.props
return loadingMessage && h('span', loadingMessage)
}
render () {
return (
h('.full-flex-height', {
style: {
left: '0px',
zIndex: 50,
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'),
this.renderMessage(),
])
)
}
}
module.exports = LoadingIndicator