add test run loading indicator

ShMcK · ShMcK · commit 1fe050d549ee · 2020-07-24T21:32:54.000-07:00
Signed-off-by: shmck &lt;shawn.j.mckay@gmail.com&gt;
diff --git a/web-app/src/containers/Tutorial/index.tsx b/web-app/src/containers/Tutorial/index.tsx
@@ -179,8 +179,13 @@ const TutorialPage = (props: PageProps) => {
           {/* Left */}
           <div css={{ flex: 1 }}>
             {DISPLAY_RUN_TEST_BUTTON && level.status !== 'COMPLETE' ? (
-              <Button style={{ marginLeft: '1rem' }} type="primary" onClick={onRunTest} disabled={disableOptions}>
-                Run
+              <Button
+                style={{ marginLeft: '1rem', width: '3rem' }}
+                type="primary"
+                onClick={onRunTest}
+                disabled={disableOptions}
+              >
+                {props.state === 'Level.TestRunning' ? <Icon type="loading" size="small" /> : 'Run'}
               </Button>
             ) : null}
           </div>
