11import * as React from 'react'
22import { useQuery } from '@apollo/react-hooks'
33import { Button , Card } from '@alifd/next'
4+ import * as CR from 'typings'
45import * as T from 'typings/graphql'
56
6- import currentTutorial from '../../services/current'
77// import { editorDispatch } from '../../services/vscode'
88import LoadingPage from '../LoadingPage'
99import queryTutorial from './queryTutorial'
@@ -29,13 +29,18 @@ export const ContinuePage = (props: Props) => (
2929
3030const Loading = ( ) => < LoadingPage text = "Loading tutorials" />
3131
32- const ContinuePageContainer = ( ) => {
32+ interface ContainerProps {
33+ context :CR . MachineContext
34+ }
35+
36+ const ContinuePageContainer = ( { context} :ContainerProps ) => {
3337// TODO: load specific tutorialId
34- const { tutorialId, version} = currentTutorial . get ( )
38+ const { tutorial} = context
39+ // const { tutorialId, version } = currentTutorial.get()
3540const { data, loading, error} = useQuery ( queryTutorial , {
3641variables :{
37- tutorialId,
38- version,
42+ tutorialId : tutorial . id ,
43+ version : tutorial . version . version ,
3944} ,
4045} )
4146