add a root <Text> element to log files to fix wrapping

Shopify · Jun 4, 2024 · 7b1ab59 · 7b1ab59
1 parent 347011c
commit 7b1ab59
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/packages/cli-kit/src/private/node/ui/components/ConcurrentOutput.tsx b/packages/cli-kit/src/private/node/ui/components/ConcurrentOutput.tsx
@@ -192,15 +192,17 @@ const ConcurrentOutput: FunctionComponent<ConcurrentOutputProps> = ({
           <Box flexDirection="column" key={index}>
             {chunk.lines.map((line, index) => (
               <Box key={index} flexDirection="row">
-                {showTimestamps ? (
+                <Text>
+                  {showTimestamps ? (
+                    <Text>
+                      {currentTime()} {lineVertical}{' '}
+                    </Text>
+                  ) : null}
+                  <Text color={chunk.color}>{formatPrefix(chunk.prefix)}</Text>
                   <Text>
-                    {currentTime()} {lineVertical}{' '}
+                    {' '}
+                    {lineVertical} {line}
                   </Text>
-                ) : null}
-                <Text color={chunk.color}>{formatPrefix(chunk.prefix)}</Text>
-                <Text>
-                  {' '}
-                  {lineVertical} {line}
                 </Text>
               </Box>
             ))}