GridBuffer: hide when the buffer contains only empty lines

src/components/Player/GridBuffer.jsx

@@ -28,17 +28,28 @@ export default function ({ inbox, currentWindow }) {
         .map(newOrPrev(currentInbox, prevMessages))
 
     setPrevMessages(rawMessages)
-    setMessages(rawMessages
+
-      .map(x => x.content)
+    const rawMessagesContent =
-      .map(([x]) => x)
+      rawMessages
-      .map(({text}) => text)
+        .map(x => x.content)
-      .map(text => text.trim())
+        .map(([x]) => x)
-      .map(text =>
+        .map(({text}) => text)
-        text.replace('   ', ' / '))
+        .map(text => text.trim())
-      .map(text => ({
+
-        style: 'grid',
+    const isEmpty =
-        text}))
+      rawMessagesContent
-    )
+        .map(text => text.length)
+        .every(l => l === 0)
+
+    const messages =
+      rawMessagesContent
+        .map(text =>
+          text.replace('   ', ' / '))
+        .map(text => ({
+          style: 'grid',
+          text}))
+
+    setMessages(isEmpty ? [] : messages)
   }, [inbox, currentWindow])
 
   return (