disable continue when processes are running

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

Author: ShMcK

web-app/src/containers/Tutorial/components/Continue.tsx

@@ -24,6 +24,7 @@ interface Props {
   current: number // level index
   max: number // level count
   defaultOpen: boolean
+  disabled?: boolean
   onContinue(): void
 }
 
@@ -48,12 +49,12 @@ const Continue = (props: Props) => {
   return (
     <>
       {modalState === 'init' ? (
-        <Button type="primary" size="medium" onClick={onOpen}>
+        <Button type="primary" size="medium" onClick={onOpen} disabled={props.disabled}>
           Continue
         </Button>
       ) : null}
       {modalState === 'closed' ? (
-        <Button type="primary" size="medium" onClick={onContinue}>
+        <Button type="primary" size="medium" onClick={onContinue} disabled={props.disabled}>
           Continue
         </Button>
       ) : null}

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

@@ -208,6 +208,7 @@ const TutorialPage = (props: PageProps) => {
                   max={levels.length}
                   title={tutorial.summary.title}
                   defaultOpen={false}
+                  disabled={processes.length > 0}
                 />
               </div>
             ) : props.state === 'Level.LevelComplete' ? (
@@ -218,6 +219,7 @@ const TutorialPage = (props: PageProps) => {
                   max={levels.length}
                   title={tutorial.summary.title}
                   defaultOpen={true}
+                  disabled={processes.length > 0}
                 />
               </div>
             ) : level.steps.length > 1 ? (