src/components/App.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import React, { Component } from 'react';
// import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom';

import Routes from '../routes/Routes';

import NavigationBar from '../components/navigation/NavigationBar';
import Footer from '../components/navigation/Footer';

// import SEO from 'react-seo-component';

export default class App extends Component {
	state = {
		loading: null
	}
	
	render() {
		if (this.state.loading) {
			return(
				<React.Fragment>
					<div className="app-container">
						<p>Loading</p>
					</div>
				</React.Fragment>
			)
		} else {
			return(
				<React.Fragment>
					<div className="app-container">
						<div className="wrapper">
							<NavigationBar />
							
							<Routes />
							
							<Footer />
						</div>
					</div>
				</React.Fragment>
			)
		}
	}
}