list levels in Review

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

Author: ShMcK

web-app/src/containers/Tutorial/containers/Review.tsx

@@ -1,13 +1,29 @@
 import * as React from 'react'
+import * as TT from 'typings/tutorial'
+import Content from '../components/Content'
+
+interface Props {
+  levels: TT.Level[]
+}
 
 const styles = {
   container: {
     padding: '1rem',
+    display: 'flex' as 'flex',
+    flexDirection: 'column' as 'column',
   },
 }
 
-const ReviewPage = () => {
-  return <div css={styles.container}>Review Coming soon...</div>
+const ReviewPage = (props: Props) => {
+  return (
+    <div css={styles.container}>
+      {props.levels.map((level: TT.Level) => (
+        <div>
+          <Content title={level.title} content={level.content} />
+        </div>
+      ))}
+    </div>
+  )
 }
 
 export default ReviewPage

web-app/src/containers/Tutorial/index.tsx

@@ -136,7 +136,7 @@ const TutorialPage = (props: PageProps) => {
           />
         )}
         {page === 'settings' && <SettingsPage />}
-        {page === 'review' && <ReviewPage />}
+        {page === 'review' && <ReviewPage levels={tutorial.levels} />}
       </div>
       <div css={styles.footer}>
         {/* Process Modal */}

web-app/stories/Level.stories.tsx

@@ -23,7 +23,7 @@ const level = {
   steps: [
     {
       id: '1.1',
-      content: 'Should support markdown test\n ```shell\nnpn install some-packagen```\nwhew it works!',
+      content: 'Should support markdown test\n ```shell\nnpn install some-package\n```\nwhew it works!',
       setup: {
         commits: ['abcdefg'],
       },

web-app/stories/Tutorial.stories.tsx

@@ -49,7 +49,7 @@ const context: Partial<T.MachineContext> = {
         steps: [
           {
             id: '1.1',
-            content: 'Should support markdown test\n ```shell\nnpn install some-packagen```\nwhew it works!',
+            content: 'Should support markdown test\n ```shell\nnpn install some-package\n```\nwhew it works!',
             setup: {
               commits: ['abcdefg'],
             },