Improve initial loading progress

1 files changed, 2 insertions, 1 deletions

diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js
index ebc2005..99311b2 100644
--- a/modern/src/MainPage.js
+++ b/modern/src/MainPage.js
@@ -5,6 +5,7 @@ import { useHistory } from 'react-router-dom';
 import { isWidthUp, makeStyles, withWidth } from '@material-ui/core';
 import Drawer from '@material-ui/core/Drawer';
 import ContainerDimensions from 'react-container-dimensions';
+import LinearProgress from '@material-ui/core/LinearProgress';
 
 import DeviceList from './DeviceList';
 import MainMap from './MainMap';
@@ -58,7 +59,7 @@ const MainPage = ({ width }) => {
     }
   }, [authenticated, history]);
 
-  return !authenticated ? (<div>Loading...</div>) : (
+  return !authenticated ? (<LinearProgress />) : (
     <div className={classes.root}>
       <SocketController />
       <MainToobar />