add spinner when waiting for 'user' so page doesn't look broken

This commit is contained in:
Sean Yesmunt 2020-10-28 12:02:06 -04:00
parent aed74c4608
commit 9c20a63ad5

View file

@ -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