Commit9ad2069

committed

number hints

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

1 parentae0c0b1 commit9ad2069Copy full SHA for 9ad2069

File tree

-6

lines changed

web-app/src
- components/Markdown
  - index.tsx
- containers/Tutorial/components
  - Hints.tsx

-6

lines changed

Lines changed: 0 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,5 @@`
`1`	`1`	`importMarkdownItfrom'markdown-it'`
`2`		`-//@ts-ignore no types for package`
`3`		`-`
`4`	`2`	`importPrismfrom'prismjs'`
`5`		`-`
`6`	`3`	`//@ts-ignore no types for package`
`7`	`4`	`importmarkdownEmojifrom'markdown-it-emoji'`
`8`	`5`	`import*asReactfrom'react'`

Lines changed: 8 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@ const styles = {`
`14`	`14`	`marginBottom:'0.5rem',`
`15`	`15`	`backgroundColor:'rgba(255,229,100,0.3)',`
`16`	`16`	`borderLeft:'#ffe564',`
	`17`	`+borderRadius:'2px',`
`17`	`18`	`padding:'0 0.5rem',`
`18`	`19`	`},`
`19`	`20`	`}`
`@@ -44,11 +45,15 @@ const Hints = (props: Props) => {`
`44`	`45`	`<divcss={styles.hintList}>`
`45`	`46`	`{/* only show revealed hints */}`
`46`	`47`	`{props.hints.map((hint,index)=>{`
`47`		`-returnindex<=hintIndex ?(`
	`48`	`+if(index>hintIndex){`
	`49`	`+// hint not yet revealed`
	`50`	`+returnnull`
	`51`	`+}`
	`52`	`+return(`
`48`	`53`	`<divkey={index}css={styles.hint}>`
`49`		`-<Markdowncss={styles.hint}>{hint}</Markdown>`
	`54`	+<Markdown>{`${index+1}. ${hint}`}</Markdown>
`50`	`55`	`</div>`
`51`		`-) :null`
	`56`	`+)`
`52`	`57`	`})}`
`53`	`58`	`</div>`
`54`	`59`	`<ButtononClick={nextHint}disabled={isFinalHint}>`

Comments

(0)