Merge pull request #4408 from MetaMask/v4.7.0rc2

Version 4.7.0 - rc2

1 files changed, 31 insertions, 0 deletions

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..6b843cfee
--- /dev/null
+++ b/ui/app/components/loading-screen/loading-screen.component.js
@@ -0,0 +1,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: '#F7C06C',
+          }),
+
+          this.renderMessage(),
+        ]),
+      ])
+    )
+  }
+}
+
+LoadingScreen.propTypes = {
+  loadingMessage: PropTypes.string,
+}
+
+module.exports = LoadingScreen