diff options
| author | clarkohw <66530369+clarkohw@users.noreply.github.com> | 2021-04-19 16:17:31 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-19 16:17:31 -0400 |
| commit | 3780077f257b973426577d6168936a3ce0a904e3 (patch) | |
| tree | e91feb27c711f65814753b0a41ad49da76cf62ea /react-frontend/src/components/Loading.js | |
| parent | f00c1c6e89db16b19267202c6982b980e736d5a0 (diff) | |
| parent | 534d0cc5070287b221fa77f5dd564dd4544b5780 (diff) | |
Merge branch 'master' into profit-tests
Diffstat (limited to 'react-frontend/src/components/Loading.js')
| -rw-r--r-- | react-frontend/src/components/Loading.js | 20 |
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 |