1 files changed, 20 insertions, 0 deletions
diff --git a/react-frontend/src/components/Loading.js b/react-frontend/src/components/Loading.js
new file mode 100644
index 0000000..6fdf5ba
--- /dev/null
+++ b/react-frontend/src/components/Loading.js
@@ -0,0 +1,20 @@
+// CSS import
+import '../css/App.css';
+
+/**
+ * Component that shows the program initially loading.
+ * @returns The loading widget - spinning logo :)
+ */
+function Loading() {
+  return (
+    <div className="App Loading">
+      <header className="App-header">
+        <img src={"./logo512.png"} className="App-logo" alt="logo" />
+        <h1 className="App-title">Loading WatchDogs</h1>
+        <p className="App-title">It takes a minute to connect to the servers and database :)</p>
+      </header>
+    </div>
+  );
+}
+
+export default Loading;
+\ No newline at end of file