From 237190e498b7600d61990b245c8a0e03ad7d5cd2 Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Sun, 15 Jul 2018 19:58:12 +0200
Subject: [PATCH] Added LoadingScreen for full-size loading placeholder

---
 rpdata-ui/src/common/LoadingScreen.js      | 13 +++++++++++++
 rpdata-ui/src/common/css/LoadingScreen.css |  7 +++++++
 2 files changed, 20 insertions(+)
 create mode 100644 rpdata-ui/src/common/LoadingScreen.js
 create mode 100644 rpdata-ui/src/common/css/LoadingScreen.css

diff --git a/rpdata-ui/src/common/LoadingScreen.js b/rpdata-ui/src/common/LoadingScreen.js
new file mode 100644
index 0000000..0c0c5c3
--- /dev/null
+++ b/rpdata-ui/src/common/LoadingScreen.js
@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import Background from "./Background";
+
+import './css/LoadingScreen.css';
+
+export function LoadingScreen({className}) {
+  return (
+    <div className={`Loading ${className}`}>
+      <Background />
+      <div className="text color-primary">Loading...</div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/rpdata-ui/src/common/css/LoadingScreen.css b/rpdata-ui/src/common/css/LoadingScreen.css
new file mode 100644
index 0000000..d57d6d4
--- /dev/null
+++ b/rpdata-ui/src/common/css/LoadingScreen.css
@@ -0,0 +1,7 @@
+.Loading .text {
+  width: 100%;
+  margin-top: 6em;
+  font-size: 3em;
+  opacity: 0.5;
+  text-align: center;
+}
\ No newline at end of file