May 24, 2020 · May 24, 2020
diff --git a/...src/components/TutorialOverview/index.tsx → ...SelectTutorial/TutorialOverview/index.tsx b/...src/components/TutorialOverview/index.tsx → ...SelectTutorial/TutorialOverview/index.tsx
 import * as React from 'react'
 import * as TT from 'typings/tutorial'
 // import moment from 'moment'
 import Button from '../Button'
 import Markdown from '../Markdown'
 import Button from '../../../components/Button'
 import Markdown from '../../../components/Markdown'
 import { Breadcrumb } from '@alifd/next'

 const footerHeight = '3rem'
              </Breadcrumb.Item>
            </Breadcrumb>
          </div>
          <h1 css={styles.title}>{props.tutorial.summary.title}</h1>
          <h3>{props.tutorial.summary.description}</h3>
          <Markdown css={styles.title}>{`# ${props.tutorial.summary.title}`}</Markdown>
          <Markdown>{`### ${props.tutorial.summary.description}`}</Markdown>
          {/* <h5 css={styles.meta}>
          <div css={{ marginRight: '2rem' }}>Created by {props.createdBy.name}</div>
          <div>Last updated {moment(props.updatedAt).format('M/YYYY')}</div>
            <h2>Content</h2>
            {props.tutorial.levels.map((level: TT.Level, index: number) => (
              <div key={index}>
                <h3>
                  {index + 1}. {level.title}
                </h3>
                <Markdown>{`### ${index + 1}. ${level.title}`}</Markdown>
                <div css={styles.levelSummary}>
                  <Markdown>{level.summary}</Markdown>
                </div>
diff --git a/web-app/src/containers/SelectTutorial/index.tsx b/web-app/src/containers/SelectTutorial/index.tsx
 import * as TT from 'typings/tutorial'
 import * as React from 'react'
 import SelectTutorialForm from './SelectTutorialForm'
 import TutorialOverview from '../../components/TutorialOverview'
 import TutorialOverview from './TutorialOverview'
 import LoadTutorialSummary from './LoadTutorialSummary'
 import processTutorial from '../../services/tutorial'

diff --git a/web-app/stories/Overview.stories.tsx b/web-app/stories/Overview.stories.tsx
 import { action } from '@storybook/addon-actions'
 import { storiesOf } from '@storybook/react'
 import React from 'react'
 import OverViewPage from '../src/components/TutorialOverview'
 import OverViewPage from '../src/containers/SelectTutorial/TutorialOverview'
 import SideBarDecorator from './utils/SideBarDecorator'

 storiesOf('Overview', module)
      id: '1',
      version: '0.1.0',
      config: {
        appVersions: {
          vscode: '0.1.0',
        },
        testRunner: { command: '' },
        repo: { uri: '', branch: 'master' },
      },
      summary: {
        title: 'Manage NPM package.json',
        description: 'Learn to use the package manager at the core of JavaScript projects.',
        description: 'Learn to use the package manager at the core of JavaScript projects',
      },
      levels: [
        {
          id: 'L1',
          title: 'The First Level',
          summary: 'A Summary of the first level',
          title: 'The First Level. `Markdown` supported here.',
          summary: 'A Summary of the first level. `Markdown` supported here.',
          content: '',
          steps: [],
        },
Original file line number	Diff line number	Diff line change
		@@ -1,8 +1,8 @@
		import * as React from 'react'
		import * as TT from 'typings/tutorial'
		// import moment from 'moment'
		import Button from '../Button'
		import Markdown from '../Markdown'
		import Button from '../../../components/Button'
		import Markdown from '../../../components/Markdown'
		import { Breadcrumb } from '@alifd/next'

		const footerHeight = '3rem'
Expand DownExpand Up		@@ -88,8 +88,8 @@ const Summary = (props: Props) => {
		</Breadcrumb.Item>
		</Breadcrumb>
		</div>
		<h1 css={styles.title}>{props.tutorial.summary.title}</h1>
		<h3>{props.tutorial.summary.description}</h3>
		<Markdown css={styles.title}>{`# ${props.tutorial.summary.title}`}</Markdown>
		<Markdown>{`### ${props.tutorial.summary.description}`}</Markdown>
		{/* <h5 css={styles.meta}>
		<div css={{ marginRight: '2rem' }}>Created by {props.createdBy.name}</div>
		<div>Last updated {moment(props.updatedAt).format('M/YYYY')}</div>
Expand All		@@ -100,9 +100,7 @@ const Summary = (props: Props) => {
		<h2>Content</h2>
		{props.tutorial.levels.map((level: TT.Level, index: number) => (
		<div key={index}>
		<h3>
		{index + 1}. {level.title}
		</h3>
		<Markdown>{`### ${index + 1}. ${level.title}`}</Markdown>
		<div css={styles.levelSummary}>
		<Markdown>{level.summary}</Markdown>
		</div>
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,7 +1,7 @@
		import * as TT from 'typings/tutorial'
		import * as React from 'react'
		import SelectTutorialForm from './SelectTutorialForm'
		import TutorialOverview from '../../components/TutorialOverview'
		import TutorialOverview from './TutorialOverview'
		import LoadTutorialSummary from './LoadTutorialSummary'
		import processTutorial from '../../services/tutorial'

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,7 +3,7 @@ import { linkTo } from '@storybook/addon-links'
		import { action } from '@storybook/addon-actions'
		import { storiesOf } from '@storybook/react'
		import React from 'react'
		import OverViewPage from '../src/components/TutorialOverview'
		import OverViewPage from '../src/containers/SelectTutorial/TutorialOverview'
		import SideBarDecorator from './utils/SideBarDecorator'

		storiesOf('Overview', module)
Expand All		@@ -13,18 +13,21 @@ storiesOf('Overview', module)
		id: '1',
		version: '0.1.0',
		config: {
		appVersions: {
		vscode: '0.1.0',
		},
		testRunner: { command: '' },
		repo: { uri: '', branch: 'master' },
		},
		summary: {
		title: 'Manage NPM package.json',
		description: 'Learn to use the package manager at the core of JavaScript projects.',
		description: 'Learn to use the package manager at the core of JavaScript projects',
		},
		levels: [
		{
		id: 'L1',
		title: 'The First Level',
		summary: 'A Summary of the first level',
		title: 'The First Level. `Markdown` supported here.',
		summary: 'A Summary of the first level. `Markdown` supported here.',
		content: '',
		steps: [],
		},
Expand Down