From 8936b343610a4e0390d02aec3c5ba72478af6af4 Mon Sep 17 00:00:00 2001
From: muzam1l <muzamilsofi@outlook.com>
Date: Thu, 3 Mar 2022 16:16:00 +0530
Subject: [PATCH] separate messages for debug stream error and close evensts

---
 components/DebugStream.tsx | 12 +++++++++---
 components/LogText.tsx     |  1 +
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/DebugStream.tsx b/components/DebugStream.tsx
index efc1ba1..f55a392 100644
--- a/components/DebugStream.tsx
+++ b/components/DebugStream.tsx
@@ -67,7 +67,13 @@ const DebugStream = () => {
         type: "error",
         message: "Something went wrong in establishing connection!",
       });
-      setSelectedAccount(null);
+    };
+    const onClose = () => {
+      state.debugLogs.push({
+        type: "error",
+        message: "Connection was closed!",
+      });
+      setSelectedAccount(null)
     };
     const onMessage = (event: any) => {
       if (!event.data) return;
@@ -75,13 +81,13 @@ const DebugStream = () => {
     };
 
     socket.addEventListener("open", onOpen);
-    socket.addEventListener("close", onError);
+    socket.addEventListener("close", onClose);
     socket.addEventListener("error", onError);
     socket.addEventListener("message", onMessage);
 
     return () => {
       socket.removeEventListener("open", onOpen);
-      socket.removeEventListener("close", onError);
+      socket.removeEventListener("close", onClose);
       socket.removeEventListener("message", onMessage);
       socket.removeEventListener("error", onError);
 
diff --git a/components/LogText.tsx b/components/LogText.tsx
index f7408fb..268ed43 100644
--- a/components/LogText.tsx
+++ b/components/LogText.tsx
@@ -5,6 +5,7 @@ const Text = styled("span", {
   lineHeight: "$body",
   color: "$text",
   wordWrap: "break-word",
+  whiteSpace: 'pre-wrap',
   variants: {
     variant: {
       log: {