blob: 45703479033968640791482d0ff69a82780c34cb (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
const { Component } = require('react')
const h = require('react-hyperscript')
const PropTypes = require('prop-types')
const Spinner = require('../spinner')
class LoadingScreen extends Component {
renderMessage () {
const { loadingMessage } = this.props
return loadingMessage && h('span', loadingMessage)
}
render () {
return (
h('.loading-overlay', [
h('.loading-overlay__container', [
h(Spinner, {
color: '#954A97',
}),
this.renderMessage(),
]),
])
)
}
}
LoadingScreen.propTypes = {
loadingMessage: PropTypes.string,
}
module.exports = LoadingScreen
|