chore: better typing delay for commands that aren't the first

newrelic · Oct 15, 2020 · 5d66db4 · 5d66db4
1 parent 0d248f9
commit 5d66db4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Terminal/Command.js b/src/components/Terminal/Command.js
@@ -52,7 +52,7 @@ const machine = Machine(
   }
 );
 
-const Command = ({ animate, command, getTokenProps, onDone }) => {
+const Command = ({ animate, command, getTokenProps, onDone, typingDelay }) => {
   const [state, send] = useMachine(machine, {
     context: { command },
     actions: {
@@ -71,7 +71,7 @@ const Command = ({ animate, command, getTokenProps, onDone }) => {
           prompt={idx > 0 ? '>' : '$'}
           getTokenProps={getTokenProps}
           onDoneTyping={() => send('PRESS_ENTER')}
-          typingDelay={idx === 0 ? 2000 : 0}
+          typingDelay={idx === 0 ? typingDelay : 0}
         />
       ))}
 
@@ -99,6 +99,11 @@ Command.propTypes = {
   command: PropTypes.object.isRequired,
   getTokenProps: PropTypes.func.isRequired,
   onDone: PropTypes.func.isRequired,
+  typingDelay: PropTypes.number,
+};
+
+Command.defaultProps = {
+  typingDelay: 0,
 };
 
 export default Command;
diff --git a/src/components/Terminal/Shell.js b/src/components/Terminal/Shell.js
@@ -54,6 +54,7 @@ const Shell = ({ animate, highlight, code }) => {
             animate={animate}
             command={command}
             getTokenProps={getTokenProps}
+            typingDelay={idx === 0 ? 2000 : 500}
             onDone={() => {
               setStep((step) => step + 1);
             }}