pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2025-12-08 20:42:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add Skeleton to MessageItem before the backend returns a message and fixed the issue where ChatConfigurationModal displays old data when creating a new dialog (#99)

Browse Source 
* feat: fixed the issue where ChatConfigurationModal displays old data when creating a new dialog

* feat: Add Skeleton to MessageItem before the backend returns a message
This commit is contained in:
balibabu
2024-03-05 19:28:44 +08:00
committed by GitHub
parent 602038ac49
commit 8b2bbd79e4
12 changed files with 117 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/pages/chat/chat-container/index.tsx
View File

@ -11,6 +11,7 @@ import {
Input,
List,
Popover,
Skeleton,
Space,
} from 'antd';
import classNames from 'classnames';
@ -100,7 +101,12 @@ const MessageItem = ({
></Image>
</Popover>
<Space direction={'vertical'}>
<div>{chunkItem?.content_with_weight}</div>
<div
dangerouslySetInnerHTML={{
__html: chunkItem?.content_with_weight,
}}
className={styles.chunkContentText}
></div>
{documentId && (
<Flex gap={'middle'}>
<img src={fileThumbnails[documentId]} alt="" />
@ -171,17 +177,24 @@ const MessageItem = ({
<Flex vertical gap={8} flex={1}>
<b>{isAssistant ? '' : userInfo.nickname}</b>
<div className={styles.messageText}>
<Markdown
rehypePlugins={[rehypeWrapReference]}
components={
{
'custom-typography': ({ children }: { children: string }) =>
renderReference(children),
} as any
}
>
{item.content}
</Markdown>
{item.content ? (
<Markdown
rehypePlugins={[rehypeWrapReference]}
components={
{
'custom-typography': ({
children,
}: {
children: string;
}) => renderReference(children),
} as any
}
>
{item.content}
</Markdown>
) : (
<Skeleton active className={styles.messageEmpty} />
)}
</div>
{isAssistant && referenceDocumentList.length > 0 && (
<List