Commit7810621

committed

scroll to top on new level

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

1 parent91eae34 commit7810621Copy full SHA for 7810621

File tree

-6

lines changed

-6

lines changed

Lines changed: 5 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,23 +39,22 @@ type Props = {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`constLevel=({ level}:Props)=>{`
`42`		`-constpageBottomRef=React.useRef(null)`
`43`		`-constscrollToBottom=()=>{`
	`42`	`+constpageTopRef=React.useRef(null)`
	`43`	`+constscrollToTop=()=>{`
`44`	`44`	`//@ts-ignore`
`45`		`-pageBottomRef.current.scrollIntoView({behavior:'smooth'})`
	`45`	`+pageTopRef.current.scrollIntoView({behavior:'smooth'})`
`46`	`46`	`}`
`47`		`-React.useEffect(scrollToBottom,[level.id])`
	`47`	`+React.useEffect(scrollToTop,[level.id])`
`48`	`48`
`49`	`49`	`return(`
`50`	`50`	`<divcss={styles.page}>`
	`51`	`+<divref={pageTopRef}/>`
`51`	`52`	`<divcss={styles.content}>`
`52`	`53`	`<Contenttitle={level.title}content={level.content}/>`
`53`	`54`
`54`	`55`	`{level.content.length&&level.steps.length ?<divcss={styles.separator}/> :null}`
`55`	`56`
`56`	`57`	`<Stepssteps={level.steps}/>`
`57`		`-`
`58`		`-<divref={pageBottomRef}/>`
`59`	`58`	`</div>`
`60`	`59`	`</div>`
`61`	`60`	`)`

Comments

(0)