add continue option to start new

Author: ShMcK

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

@@ -6,6 +6,7 @@ import * as T from 'typings/graphql'
 interface Props {
   tutorial: T.Tutorial
   onContinue(): void
+  onNew(): void
 }
 
 export const ContinuePage = (props: Props) => (
@@ -18,6 +19,12 @@ export const ContinuePage = (props: Props) => (
         <Button onClick={props.onContinue}>Resume</Button>
       </div>
     </Card>
+    <Card showTitleBullet={false} contentHeight="auto">
+      <div>
+        <h2>Start a New Tutorial</h2>
+        <Button onClick={props.onNew}>Select New Tutorial</Button>
+      </div>
+    </Card>
   </div>
 )
 
@@ -33,7 +40,9 @@ const ContinuePageContainer = ({ context, send }: ContainerProps) => {
     throw new Error('Tutorial not found')
   }
 
-  return <ContinuePage tutorial={tutorial} onContinue={() => send('TUTORIAL_START')} />
+  return (
+    <ContinuePage tutorial={tutorial} onContinue={() => send('TUTORIAL_START')} onNew={() => send('TUTORIAL_SELECT')} />
+  )
 }
 
 export default ContinuePageContainer

web-app/src/services/state/machine.ts

@@ -49,7 +49,8 @@ export const machine = Machine<CR.MachineContext, CR.MachineStateSchema, CR.Mach
 					},
 					ContinueTutorial: {
 						on: {
-							TUTORIAL_START: '#tutorial',
+							TUTORIAL_START: '#tutorial-load-next',
+							TUTORIAL_SELECT: 'SelectTutorial'
 						},
 					},
 				},