LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix the error state issues

Browse Source
This commit is contained in:
staticGuru
2023-10-09 19:48:35 +05:30
parent ce7ac78b42
commit 16df8d803c
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/conversation/ConversationBubble.tsx
View File

@@ -74,10 +74,10 @@ const ConversationBubble = forwardRef<
<div className="flex self-start">
<Avatar className="mt-2 text-2xl" avatar="🦖"></Avatar>
<div
className={`ml-2 mr-5 flex flex-col items-center rounded-3xl bg-gray-1000 p-3.5 ${
className={`ml-2 mr-5 flex items-center bg-gray-1000 p-3.5 ${
type === 'ERROR'
? ' rounded-lg border border-red-2000 bg-red-1000 p-2 text-red-3000'
: ''
? 'flex-row rounded-full border border-transparent bg-[#FFE7E7] p-2 py-5 text-sm font-normal text-red-3000 dark:border-red-2000 dark:text-white'
: 'flex-col rounded-3xl'
}`}
>
{type === 'ERROR' && (
@@ -115,18 +115,14 @@ const ConversationBubble = forwardRef<
{message}
</ReactMarkdown>
{DisableSourceFE || type === 'ERROR' ? null : (
<span className="mt-3 h-px w-full bg-[#DEDEDE]"></span>
)}
<div className="mt-3 flex w-full flex-row flex-wrap items-center justify-start gap-2">
{DisableSourceFE || type === 'ERROR' ? null : (
<div className="py-1 px-2 text-base font-semibold">
Sources:
</div>
)}
<div className="flex flex-row flex-wrap items-center justify-start gap-2">
{DisableSourceFE
? null
: sources?.map((source, index) => (
<>
<span className="mt-3 h-px w-full bg-[#DEDEDE]"></span>
<div className="mt-3 flex w-full flex-row flex-wrap items-center justify-start gap-2">
<div className="py-1 px-2 text-base font-semibold">
Sources:
</div>
<div className="flex flex-row flex-wrap items-center justify-start gap-2">
{sources?.map((source, index) => (
<div
key={index}
className={`max-w-fit cursor-pointer rounded-[28px] py-1 px-4 ${
@@ -149,8 +145,10 @@ const ConversationBubble = forwardRef<
</p>
</div>
))}
</div>
</div>
</div>
</div>
</>
)}
</div>
<div
className={`mr-2 flex items-center justify-center ${