scroll to top on new level

ShMcK · ShMcK · commit 7810621046f3 · 2020-07-19T18:05:11.000-07:00
Signed-off-by: shmck &lt;shawn.j.mckay@gmail.com&gt;
diff --git a/web-app/src/containers/Tutorial/components/Level.tsx b/web-app/src/containers/Tutorial/components/Level.tsx
@@ -39,23 +39,22 @@ type Props = {
 }
 
 const Level = ({ level }: Props) => {
-  const pageBottomRef = React.useRef(null)
-  const scrollToBottom = () => {
+  const pageTopRef = React.useRef(null)
+  const scrollToTop = () => {
     // @ts-ignore
-    pageBottomRef.current.scrollIntoView({ behavior: 'smooth' })
+    pageTopRef.current.scrollIntoView({ behavior: 'smooth' })
   }
-  React.useEffect(scrollToBottom, [level.id])
+  React.useEffect(scrollToTop, [level.id])
 
   return (
     <div css={styles.page}>
+      <div ref={pageTopRef} />
       <div css={styles.content}>
         <Content title={level.title} content={level.content} />
 
         {level.content.length && level.steps.length ? <div css={styles.separator} /> : null}
 
         <Steps steps={level.steps} />
-
-        <div ref={pageBottomRef} />
       </div>
     </div>
   )
