setup continue page

Author: ShMcK

src/state/machine.ts

@@ -46,7 +46,6 @@ export const machine = Machine<
                                 }
                             },
                         }
-
                     },
                     ContinueTutorial: {
                         onEntry: ['tutorialContinue'],

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

@@ -1,29 +1,27 @@
 import * as React from 'react'
-import CR from 'typings'
-
-import ContinueItem from './ContinueItem'
+import { send } from '../../utils/vscode'
+import DataContext from '../../utils/DataContext'
+import { Button, Card } from '@alifd/next'
 
 interface Props {
-  tutorials: CR.Tutorial[]
-  onContinue(tutorialId: string): void
-  // onReset(): void
+  onContinue(): void
 }
 
 export const ContinuePage = (props: Props) => {
   // context
+  const { data } = React.useContext(DataContext)
   return (
     <div>
       <h3>Continue</h3>
-      {props.tutorials.map((tutorial: CR.Tutorial) => (
-        <ContinueItem
-          key={tutorial.id}
-          onContinue={() => props.onContinue(tutorial.id)}
-          title={tutorial.data.summary.title}
-          description={tutorial.data.summary.description}
-        />
-      ))}
+      <Card showTitleBullet={false} contentHeight="auto">
+        <div>
+          <h2>{data.summary.title}</h2>
+          <p>{data.summary.description}</p>
+          <Button onClick={props.onContinue}>Resume</Button>
+        </div>
+      </Card>
     </div>
   )
 }
 
-export default () => <ContinuePage tutorials={[]} onContinue={(id: string) => console.log(id)}/>
+export default () => <ContinuePage onContinue={() => { send('TUTORIAL_START') }} />

web-app/src/containers/Continue/ContinueItem.tsx renamed to web-app/src/containers/New/TutorialItem.tsx

@@ -7,7 +7,7 @@ interface Props {
   onContinue(): void
 }
 
-const ContinueItem = (props: Props) => {
+const TutorialItem = (props: Props) => {
   return (
     <Card showTitleBullet={false} contentHeight="auto">
       <div>
@@ -19,4 +19,4 @@ const ContinueItem = (props: Props) => {
   )
 }
 
-export default ContinueItem
+export default TutorialItem