From cd9961c58c37d9c2076575d53fb0ec847ecdd0b2 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 13 Feb 2019 12:39:04 +0100
Subject: [PATCH] initial loading fixes

---
 src/App.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ef1bb18..8f87468 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import Web3 from 'web3'
 import { BrowserRouter as Router } from 'react-router-dom'
 import Header from './components/Header'
 import Footer from './components/Footer'
+import Spinner from './components/atoms/Spinner'
 import { User } from './context/User'
 import { provideOcean } from './ocean'
 import Routes from './Routes'
@@ -124,11 +125,13 @@ class App extends Component<{}, AppState> {
                         <>
                             <Header />
 
-                            {!this.state.isLoading ? (
-                                <main className={styles.main}>
+                            <main className={styles.main}>
+                                {this.state.isLoading ? (
+                                    <Spinner />
+                                ) : (
                                     <Routes />
-                                </main>
-                            ) : null}
+                                )}
+                            </main>
 
                             <Footer />
                         </>