fix loading pages

Author: ShMcK

web-app/src/Routes.tsx

@@ -23,7 +23,7 @@ const Routes = () => {
         <Route path={['Start.LoadTutorialSummary', 'Start.LoadTutorialData', 'Start.SetupNewTutorial']}>
           <LoadingPage text="Loading Tutorial..." context={context} />
         </Route>
-        <Route path={'Start.Error'}>
+        <Route path="Start.Error">
           <LoadingPage text="Error" context={context} />
         </Route>
         <Route path="Start.SelectTutorial">
@@ -32,11 +32,11 @@ const Routes = () => {
         <Route path="Start.Summary">
           <OverviewPage send={send} context={context} />
         </Route>
-        <Route path="SetupNewTutorial">
+        <Route path="Start.SetupNewTutorial">
           <LoadingPage text="Configuring tutorial..." context={context} />
         </Route>
         {/* Tutorial */}
-        <Route path="Tutorial.LoadNext">
+        <Route path={['Tutorial.LoadNext', 'Tutorial.Level.Load']}>
           <LoadingPage text="Loading Level..." context={context} />
         </Route>
         <Route path="Tutorial.Level">

web-app/src/containers/Overview/index.tsx

@@ -5,6 +5,7 @@ import * as G from 'typings/graphql'
 import ErrorView from '../../components/Error'
 import queryTutorial from '../../services/apollo/queries/tutorial'
 import OverviewPage from './OverviewPage'
+import LoadingPage from '../../containers/LoadingPage'
 
 interface PageProps {
   context: CR.MachineContext
@@ -35,7 +36,7 @@ const Overview = (props: PageProps) => {
   })
 
   if (loading) {
-    return <div>Loading Summary...</div>
+    return <LoadingPage text="Loading Summary..." context={props.context} />
   }
 
   if (error) {