hot key to continue (ctrl + enter)

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

web-app/src/containers/Tutorial/components/Continue.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Dialog } from '@alifd/next'
+import { Dialog, Icon } from '@alifd/next'
 import { css, jsx } from '@emotion/core'
 import Button from '../../../components/Button'
 import ProgressPie from './ProgressPie'
@@ -14,6 +14,9 @@ const styles = {
   message: {
     textAlign: 'center' as 'center',
   },
+  buttonSubtext: {
+    padding: '0.5rem',
+  },
 }
 
 interface Props {
@@ -58,8 +61,10 @@ const Continue = (props: Props) => {
             <h3>{props.title}</h3>
             <br />
             <Button type="primary" size="large" onClick={onContinue}>
-              Continue
+              Continue&nbsp;&nbsp;
+              <Icon type="arrow-right" />
             </Button>
+            <div css={styles.buttonSubtext}>(ctrl + enter)</div>
           </div>
         </div>
       </Dialog>

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

@@ -85,9 +85,6 @@ const TutorialPage = (props: PageProps) => {
   const onContinue = (): void => {
     props.send({
       type: 'NEXT_LEVEL',
-      payload: {
-        levelId: position.levelId,
-      },
     })
   }
 

web-app/src/services/state/actions/context.ts

@@ -118,6 +118,13 @@ const contextActions: ActionFunctionMap<T.MachineContext, T.MachineEvent> = {
       return event.payload
     },
   }),
+  // @ts-ignore
+  updateLevel: assign({
+    position: (context: T.MachineContext, event: T.MachineEvent): any => {
+      const levelId = context.position.levelId
+      return { levelId }
+    },
+  }),
   loadNext: send(
     (context: T.MachineContext): T.Action => {
       const { position, progress } = context

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

@@ -220,7 +220,11 @@ export const createMachine = (options: any) => {
                   on: {
                     NEXT_LEVEL: {
                       target: 'LoadNext',
-                      actions: ['testClear', 'updatePosition'],
+                      actions: ['testClear', 'updateLevel'],
+                    },
+                    KEY_PRESS_ENTER: {
+                      target: 'LoadNext',
+                      actions: ['testClear', 'updateLevel'],
                     },
                   },
                 },