setup completed page

src/state/machine.ts

@@ -86,7 +86,7 @@ export const machine = (dispatch: CR.EditorDispatch) =>
                     cond: 'hasNextLevel',
                   },
                   {
-                    target: '#end-tutorial',
+                    target: '#completed-tutorial',
                   },
                 ],
               },
@@ -157,8 +157,8 @@ export const machine = (dispatch: CR.EditorDispatch) =>
                 },
               },
             },
-            EndTutorial: {
-              id: 'end-tutorial',
+            Completed: {
+              id: 'completed-tutorial',
               type: 'final',
             },
           },

typings/index.d.ts

@@ -161,7 +161,7 @@ export interface MachineStateSchema {
             StageComplete: {}
           }
         }
-        EndTutorial: {}
+        Completed: {}
       }
     }
   }

web-app/src/containers/Tutorial/CompletedPage.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react'
+
+const CompletedPage = () => {
+  return <div>Tutorial Complete</div>
+}
+
+export default CompletedPage

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

@@ -6,6 +6,7 @@ import LoadingPage from '../LoadingPage'
 import SummaryPage from './SummaryPage'
 import LevelPage from './LevelPage'
 import StagePage from './StagePage'
+import CompletedPage from './CompletedPage'
 
 const { Route } = Router
 
@@ -28,6 +29,9 @@ const Tutorial = (props: Props) => {
       <Route path="Tutorial.Stage">
         <StagePage send={send} />
       </Route>
+      <Route path="Tutorial.Completed">
+        <CompletedPage />
+      </Route>
     </Router>
   )
 }