hide loadSolution on load

ShMcK · ShMcK · commit 6bf73c94e2a9 · 2019-09-28T20:57:52.000-07:00
diff --git a/web-app/src/containers/Tutorial/StagePage/Stage/StepDescription/index.tsx b/web-app/src/containers/Tutorial/StagePage/Stage/StepDescription/index.tsx
@@ -18,13 +18,24 @@ interface Props {
 }
 
 const StepDescription = ({ text, mode, onLoadSolution }: Props) => {
+  const [loadedSolution, setLoadedSolution] = React.useState()
+
+  const onClickHandler = () => {
+    if (!loadedSolution) {
+      setLoadedSolution(true)
+      onLoadSolution()
+    }
+  }
+
   if (mode === 'INCOMPLETE') {
     return null
   }
+
+  const showLoadSolution = mode === 'ACTIVE' && !loadedSolution
   return (
     <div style={styles.card}>
       <Markdown>{text || ''}</Markdown>
-      {mode === 'ACTIVE' && <Button onClick={onLoadSolution}>Load Solution</Button>}
+      {showLoadSolution && <Button onClick={onClickHandler}>Load Solution</Button>}
     </div>
   )
 }
