}

},

}

},

ContinueTutorial: {

onEntry: ['tutorialContinue'],

import * as React from 'react'

importCRfrom 'typings'

importContinueItemfrom './ContinueItem'

import{ send }from '../../utils/vscode'

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 () => <ContinuePagetutorials={[]}onContinue={(id: string) =>console.log(id)}/>

export default () => <ContinuePage onContinue={() =>{ send('TUTORIAL_START') }}/>

onContinue(): void

}

constContinueItem = (props: Props) => {

constTutorialItem = (props: Props) => {

return (

<Card showTitleBullet={false} contentHeight="auto">

<div>

)

}

export defaultContinueItem

export defaultTutorialItem