react-frontend/src/components/Loading.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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;