import queryTutorials from './queryTutorials'

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

import LoadingPage from '../LoadingPage'

import TutorialList from '../../components/TutorialList'

interface Props {

</div>

)

const Loading = () => <LoadingPage text="Loading tutorials" />

const NewPageContainer = () => {

const { data, loading, error } = useQuery(queryTutorials)

console.log('data', data)

if (loading) {

returnnull

returnLoading

}

if (error) {

return <div>{JSON.stringify(error, null, 2)}</div>

return (

<div>

<h5>{error.message}</h5>

<p>{JSON.stringify(error, null, 2)}</p>

</div>

)

}

return <NewPage onNew={() => send('TUTORIAL_START')} tutorialList={data.tutorials} />

return (

<React.Suspense fallback={Loading}>

<NewPage onNew={() => send('TUTORIAL_START')} tutorialList={data.tutorials} />

</React.Suspense>

)

}

export default NewPageContainer