From 598becd838730a44c8bb43143ddc156badca8e4d Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sun, 12 Jul 2020 09:03:26 -0700
Subject: [PATCH 1/2] add show/hide step review toggle

Signed-off-by: shmck <shawn.j.mckay@gmail.com>
---
 .../containers/Tutorial/containers/Review.tsx | 40 ++++++++++++++-----
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/web-app/src/containers/Tutorial/containers/Review.tsx b/web-app/src/containers/Tutorial/containers/Review.tsx
index e20dc4c2..453d7faa 100644
--- a/web-app/src/containers/Tutorial/containers/Review.tsx
+++ b/web-app/src/containers/Tutorial/containers/Review.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react'
 import * as T from 'typings'
+import { Switch } from '@alifd/next'
 import Steps from '../components/Steps'
 import Content from '../components/Content'
 
@@ -15,7 +16,7 @@ const styles = {
   header: {
     display: 'flex' as 'flex',
     alignItems: 'center',
-    justifyContent: 'flex-start',
+    justifyContent: 'space-between',
     height: '2rem',
     backgroundColor: '#EBEBEB',
     fontSize: '1rem',
@@ -25,22 +26,39 @@ const styles = {
   title: {
     marginLeft: '0.5rem',
   },
+  control: {
+    display: 'flex' as 'flex',
+    alignItems: 'center',
+    fontSize: '70%',
+  },
+  levels: {
+    paddingBottom: '2rem',
+  },
 }
 
 const ReviewPage = (props: Props) => {
+  const [stepVisibility, setStepVisibility] = React.useState(false)
   return (
     <div css={styles.container}>
-      <div css={styles.header}>Review</div>
-      {props.levels.map((level: T.LevelUI, index: number) => (
-        <div key={level.id}>
-          <div>
-            <Content title={level.title} content={level.content} />
-            <Steps steps={level.steps} displayAll />
-          </div>
-          {/* divider */}
-          {index < props.levels.length - 1 ? <hr /> : null}
+      <div css={styles.header}>
+        <div>Review</div>
+        <div css={styles.control}>
+          <span>Show steps&nbsp;</span>
+          <Switch checked={stepVisibility} onChange={(checked) => setStepVisibility(checked)} />
         </div>
-      ))}
+      </div>
+      <div css={styles.levels}>
+        {props.levels.map((level: T.LevelUI, index: number) => (
+          <div key={level.id}>
+            <div>
+              <Content title={level.title} content={level.content} />
+              {stepVisibility ? <Steps steps={level.steps} displayAll /> : null}
+            </div>
+            {/* divider */}
+            {index < props.levels.length - 1 ? <hr /> : null}
+          </div>
+        ))}
+      </div>
     </div>
   )
 }

From 1e5fe881a96fb5f346827a32adc92ac654a0028a Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sun, 12 Jul 2020 09:09:18 -0700
Subject: [PATCH 2/2] fix menu icon button color

Signed-off-by: shmck <shawn.j.mckay@gmail.com>
---
 web-app/src/containers/Tutorial/index.tsx | 3 +--
 web-app/src/containers/Tutorial/style.css | 4 ----
 2 files changed, 1 insertion(+), 6 deletions(-)
 delete mode 100644 web-app/src/containers/Tutorial/style.css

diff --git a/web-app/src/containers/Tutorial/index.tsx b/web-app/src/containers/Tutorial/index.tsx
index e5eac093..baf1bfe7 100644
--- a/web-app/src/containers/Tutorial/index.tsx
+++ b/web-app/src/containers/Tutorial/index.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react'
 import * as T from 'typings'
-import './style.css'
 import * as selectors from '../../services/selectors'
 import SideMenu from './components/SideMenu'
 import Level from './components/Level'
@@ -118,7 +117,7 @@ const TutorialPage = (props: PageProps) => {
       <div>
         <div css={styles.header}>
           <a onClick={() => setMenuVisible(!menuVisible)}>
-            <Icon type="toggle-left" size="small" />
+            <Icon type="toggle-left" size="small" style={{ color: '#333' }} />
           </a>
           <span css={styles.title}>{tutorial.summary.title}</span>
         </div>
diff --git a/web-app/src/containers/Tutorial/style.css b/web-app/src/containers/Tutorial/style.css
deleted file mode 100644
index 555b22c1..00000000
--- a/web-app/src/containers/Tutorial/style.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* remove visited styles from menu button */
-i.next-icon:visited {
-  text-decoration: none;
-}