aboutsummaryrefslogtreecommitdiff
path: root/react-frontend/src/components/Loading.js
diff options
context:
space:
mode:
authorMichael Foiani <sotech117@michaels-mbp-3.lan>2021-04-16 18:58:58 -0400
committerMichael Foiani <sotech117@michaels-mbp-3.lan>2021-04-16 18:58:58 -0400
commitd339801aba3fcedc0b3027f73dac91deaae14acc (patch)
tree832c5a1d560e79aac2920a29217b76133fd0e078 /react-frontend/src/components/Loading.js
parentee7dba2f399afa78275755c46b9b9c38906cc2b1 (diff)
Removed old testing react app for frontend.
Diffstat (limited to 'react-frontend/src/components/Loading.js')
-rw-r--r--react-frontend/src/components/Loading.js20
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