From 0945dbe58240a78984ffcfd4d0c2a19da6d983c1 Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Wed, 26 Apr 2023 00:55:44 -0300
Subject: [PATCH] style(chat_manager.py, chatMessage/index.tsx): fix
 indentation and formatting issues

---
 src/backend/langflow/api/chat_manager.py      |   2 +-
 .../modals/chatModal/chatMessage/index.tsx    | 138 +++++++++---------
 2 files changed, 70 insertions(+), 70 deletions(-)

diff --git a/src/backend/langflow/api/chat_manager.py b/src/backend/langflow/api/chat_manager.py
index 4ee5ea760..dccd0381b 100644
--- a/src/backend/langflow/api/chat_manager.py
+++ b/src/backend/langflow/api/chat_manager.py
@@ -168,7 +168,7 @@ class ChatManager:
             # Handle any exceptions that might occur
             logger.exception(e)
             # send a message to the client
-            await self.send_message(client_id, f"Error: {e}")
+            await self.send_message(client_id, str(e))
             raise e
         finally:
             await self.active_connections[client_id].close(
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 48a30cca9..37c922672 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -9,74 +9,74 @@ var Convert = require("ansi-to-html");
 var convert = new Convert({ newline: true });
 
 export default function ChatMessage({ chat }: { chat: ChatMessageType }) {
-	const [hidden, setHidden] = useState(true);
-	return (
-		<div
-			className={classNames(
-				"w-full py-2 pl-2 flex",
-				chat.isSend ? "bg-white" : "bg-gray-200"
-			)}
-		>
-			<div
-				className={classNames(
-					"rounded-full w-8 h-8 flex items-center my-3 justify-center",
-					chat.isSend ? "bg-gray-900" : "bg-gray-200"
-				)}
-			>
-				{!chat.isSend && <img className="scale-150" src={AiIcon} />}
-				{chat.isSend && <UserIcon className="w-6 h-6 -mb-1 text-gray-200" />}
-			</div>
-			{!chat.isSend ? (
-				<div className="w-full text-start flex items-center">
-					<div className=" relative text-start inline-block text-gray-600 text-sm font-normal">
-						{hidden && chat.thought && chat.thought !== "" && (
-							<div
-								onClick={() => setHidden((prev) => !prev)}
-								className="absolute -top-1 -left-2 cursor-pointer"
-							>
-								<ChatBubbleOvalLeftEllipsisIcon className="w-5 h-5 animate-bounce" />
-							</div>
-						)}
-						{chat.thought && chat.thought !== "" && !hidden && (
-							<div
-								onClick={() => setHidden((prev) => !prev)}
-								className=" text-start inline-block rounded-md  h-full border border-gray-300
+  const [hidden, setHidden] = useState(true);
+  return (
+    <div
+      className={classNames(
+        "w-full py-2 pl-2 flex",
+        chat.isSend ? "bg-white" : "bg-gray-200"
+      )}
+    >
+      <div
+        className={classNames(
+          "rounded-full w-8 h-8 flex items-center my-3 justify-center",
+          chat.isSend ? "bg-gray-900" : "bg-gray-200"
+        )}
+      >
+        {!chat.isSend && <img className="scale-150" src={AiIcon} />}
+        {chat.isSend && <UserIcon className="w-6 h-6 -mb-1 text-gray-200" />}
+      </div>
+      {!chat.isSend ? (
+        <div className="w-full text-start flex items-center">
+          <div className="w-full relative text-start inline-block text-gray-600 text-sm font-normal">
+            {hidden && chat.thought && chat.thought !== "" && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className="absolute -top-1 -left-2 cursor-pointer"
+              >
+                <ChatBubbleOvalLeftEllipsisIcon className="w-5 h-5 animate-bounce" />
+              </div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className=" text-start inline-block rounded-md  h-full border border-gray-300
 								bg-gray-100 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
-								dangerouslySetInnerHTML={{
-									__html: convert.toHtml(chat.thought),
-								}}
-							></div>
-						)}
-						{chat.thought && chat.thought !== "" && !hidden && <br></br>}
-						<div className="w-full px-4 pb-3 pt-3 pr-8">
-							<span>
-								{chat.message}
-								{chat.files && (
-									<div className="my-2 w-full">
-										{chat.files.map((file,index) => {
-											return (
-												<div key={index} className="my-2 w-full">
-													<FileCard
-														fileName={"Generated File"}
-														fileType={file.type}
-														content={file.data}
-													/>
-												</div>
-											);
-										})}
-									</div>
-								)}
-							</span>
-						</div>
-					</div>
-				</div>
-			) : (
-				<div className="w-full flex items-center">
-					<div className="text-start inline-block px-3 text-sm text-gray-600 dark:text-white dark:bg-gray-700">
-						{chat.message}
-					</div>
-				</div>
-			)}
-		</div>
-	);
+                dangerouslySetInnerHTML={{
+                  __html: convert.toHtml(chat.thought),
+                }}
+              ></div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
+            <div className="w-full px-4 pb-3 pt-3 pr-8">
+              <span>
+                {chat.message}
+                {chat.files && (
+                  <div className="my-2 w-full">
+                    {chat.files.map((file, index) => {
+                      return (
+                        <div key={index} className="my-2 w-full">
+                          <FileCard
+                            fileName={"Generated File"}
+                            fileType={file.type}
+                            content={file.data}
+                          />
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+              </span>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="w-full flex items-center">
+          <div className="text-start inline-block px-3 text-sm text-gray-600 dark:text-white dark:bg-gray-700">
+            {chat.message}
+          </div>
+        </div>
+      )}
+    </div>
+  );
 }