rename action to onContinue

web-app/src/components/Stage/index.tsx

@@ -28,10 +28,10 @@ interface Props {
     [stepId: string]: any // CC.Step
   }
   complete: boolean
-  onNextStage(): void
+  onContinue(): void
 }
 
-const Stage = ({ stage, steps, onNextStage, complete }: Props) => {
+const Stage = ({ stage, steps, onContinue, complete }: Props) => {
   const { stepList, content } = stage
   const { title, text } = content
   // grab the active step
@@ -61,7 +61,7 @@ const Stage = ({ stage, steps, onNextStage, complete }: Props) => {
 
       {complete && (
         <div style={styles.options}>
-          <Button onClick={onNextStage}>Continue</Button>
+          <Button onClick={onContinue}>Continue</Button>
         </div>
       )}
     </div>

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

@@ -18,7 +18,7 @@ const StagePage = (props: PageProps) => {
 
   const stageComplete = progress.stages[stageId] || false
 
-  const onNextStage = (): void => {
+  const onContinue = (): void => {
     props.send('STAGE_NEXT')
   }
 
@@ -35,7 +35,7 @@ const StagePage = (props: PageProps) => {
       },
     }
   }
-  return <Stage stage={stage} steps={steps} onNextStage={onNextStage} complete={stageComplete} />
+  return <Stage stage={stage} steps={steps} onContinue={onContinue} complete={stageComplete} />
 }
 
 export default StagePage

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

@@ -18,7 +18,7 @@ const Tutorial = (props: Props) => {
   return (
     <Router state={props.state}>
       <Route path="Tutorial.LoadNext">
-        <LoadingPage text="Loading Tutorial..." />
+        <LoadingPage text="Loading..." />
       </Route>
       <Route path="Tutorial.Summary">
         <SummaryPage send={send} />

web-app/stories/Stage.stories.tsx

@@ -51,6 +51,6 @@ function someExample(a) {
       })}
       stage={object('stage', demo.data.stages.stage1Id)}
       complete={boolean('complete', false)}
-      onNextStage={action('onNextStage')}
+      onContinue={action('onContinue')}
     />
   ))