From 9c20a63ad5c50137750f79898a28edac52b2fa4a Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 28 Oct 2020 12:02:06 -0400
Subject: [PATCH] add spinner when waiting for 'user' so page doesn't look
 broken

---
 ui/component/app/view.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/component/app/view.jsx b/ui/component/app/view.jsx
index 44bd2c32f..bc34edbf1 100644
--- a/ui/component/app/view.jsx
+++ b/ui/component/app/view.jsx
@@ -18,6 +18,7 @@ import REWARDS from 'rewards';
 import usePersistedState from 'effects/use-persisted-state';
 import FileDrop from 'component/fileDrop';
 import NagContinueFirstRun from 'component/nagContinueFirstRun';
+import Spinner from 'component/spinner';
 // @if TARGET='app'
 import useZoom from 'effects/use-zoom';
 // @endif
@@ -294,7 +295,11 @@ function App(props: Props) {
   // This also prevents the site from loading in the un-authed state while we wait for internal-apis to return for the first time
   // It's not needed on desktop since there is no un-authed state
   if (!user) {
-    return null;
+    return (
+      <div className="main--empty">
+        <Spinner delayed />
+      </div>
+    );
   }
   // @endif