chore: handle blank output lines

newrelic · Oct 15, 2020 · abd2666 · abd2666
1 parent 0ed5a72
commit abd2666
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Terminal/Output.js b/src/components/Terminal/Output.js
@@ -14,6 +14,10 @@ const Output = ({ line }) => (
         key={key}
         css={css`
           color: ${OUTPUT_COLORS[token.color] || OUTPUT_COLORS.plain};
+
+          &:empty {
+            display: inline-block;
+          }
         `}
       >
         {token.text}

diff --git a/src/components/Terminal/SyntaxHighlighter.js b/src/components/Terminal/SyntaxHighlighter.js
@@ -7,7 +7,7 @@ import Command from './Command';
 import Output from './Output';
 
 const MULTILINE_COMMAND = /\\\s*$/;
-const OUTPUT_TAG = /^\[output\]\s/;
+const OUTPUT_TAG = /^\[output\](\s|$)/;
 const OUTPUT_COLOR_TOKENS = /{([a-z]+)}(.*?(?={|$))/g;
 
 const SyntaxHighlighter = ({ code }) => (