From 683cd69a975568d4197360601aed704c22f75008 Mon Sep 17 00:00:00 2001
From: Timothy Carambat <rambat1010@gmail.com>
Date: Thu, 18 Jan 2024 12:01:53 -0800
Subject: [PATCH] Display readable error message in chat failure (#621)
---
.../ChatHistory/HistoricalMessage/index.jsx | 17 ++++++++++-------
1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx b/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
index c39220f37..ba3b687b0 100644
--- a/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
+++ b/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
@@ -39,12 +39,15 @@ const HistoricalMessage = forwardRef(
/>
{error ? (
- <span
- className={`inline-block p-2 rounded-lg bg-red-50 text-red-500`}
- >
- <Warning className="h-4 w-4 mb-1 inline-block" /> Could not
- respond to message.
- </span>
+ <div className="p-2 rounded-lg bg-red-50 text-red-500">
+ <span className={`inline-block `}>
+ <Warning className="h-4 w-4 mb-1 inline-block" /> Could not
+ respond to message.
+ </span>
+ <p className="text-xs font-mono mt-2 border-l-2 border-red-300 pl-2 bg-red-200 p-2 rounded-sm">
+ {error}
+ </p>
+ </div>
) : (
<span
className={`whitespace-pre-line text-white font-normal text-sm md:text-sm flex flex-col gap-y-1 mt-2`}
@@ -54,7 +57,7 @@ const HistoricalMessage = forwardRef(
/>
)}
</div>
- {role === "assistant" && (
+ {role === "assistant" && !error && (
<div className="flex gap-x-5">
<div className="relative w-[35px] h-[35px] rounded-full flex-shrink-0 overflow-hidden" />
<Actions message={DOMPurify.sanitize(message)} />
--
GitLab