Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-22 03:10:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(Message.jsx): remove cancelled message bubble and improve wording of unfinished message

Browse source
This commit is contained in:
Daniel Avila 2023-04-10 17:15:28 -04:00
parent 31893ec9f6
commit 0bd240939a
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/Messages/Message.jsx
View file

@ -188,17 +188,17 @@ export default function Message({
)} )}
</div> </div>
</div> </div>
{!isSubmitting && cancelled ? ( {/* {!isSubmitting && cancelled ? (
<div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500"> <div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500">
<div className="rounded-md border border-blue-400 bg-blue-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100"> <div className="rounded-md border border-blue-400 bg-blue-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100">
{`This is a cancelled message.`} {`This is a cancelled message.`}
</div> </div>
</div> </div>
) : null} ) : null} */}
{!isSubmitting && unfinished ? ( {!isSubmitting && unfinished ? (
<div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500"> <div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500">
<div className="rounded-md border border-blue-400 bg-blue-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100"> <div className="rounded-md border border-blue-400 bg-blue-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100">
{`This is an unfinished message. It might because the AI is still generating or it has been aborted. Refresh later to see more updates.`} {`This is an unfinished message. The AI may still be generating a response or it was aborted. Refresh or visit later to see more updates.`}
</div> </div>
</div> </div>
) : null} ) : null}