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: rename conversation and delete conversation and preview reference image and fetch file thumbnails (#79)

Browse Source 
* feat: fetch file thumbnails

* feat: preview reference image

* feat: delete conversation

* feat: rename conversation
This commit is contained in:
balibabu
2024-02-28 16:28:33 +08:00
committed by GitHub
parent 22da1b1bfe
commit 01ab5b5db1
14 changed files with 487 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,21 +3,12 @@ import { MessageType } from '@/constants/chat';
import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
import { useSelectUserInfo } from '@/hooks/userSettingHook';
import { IReference, Message } from '@/interfaces/database/chat';
import {
Avatar,
Button,
Flex,
Input,
List,
Popover,
Space,
Typography,
} from 'antd';
import { Avatar, Button, Flex, Input, List, Popover, Space } from 'antd';
import classNames from 'classnames';
import { ChangeEventHandler, useCallback, useMemo, useState } from 'react';
import reactStringReplace from 'react-string-replace';
import {
useFetchConversation,
useFetchConversationOnMount,
useGetFileIcon,
useScrollToBottom,
useSendMessage,
@ -26,6 +17,7 @@ import { IClientConversation } from '../interface';
import Image from '@/components/image';
import NewDocumentLink from '@/components/new-document-link';
import { useSelectFileThumbnails } from '@/hooks/knowledgeHook';
import { InfoCircleOutlined } from '@ant-design/icons';
import Markdown from 'react-markdown';
import { visitParents } from 'unist-util-visit-parents';
@ -56,11 +48,10 @@ const MessageItem = ({
reference: IReference;
}) => {
const userInfo = useSelectUserInfo();
const fileThumbnails = useSelectFileThumbnails();
const isAssistant = item.role === MessageType.Assistant;
const getFileIcon = useGetFileIcon();
const getPopoverContent = useCallback(
(chunkIndex: number) => {
const chunks = reference?.chunks ?? [];
@ -75,22 +66,35 @@ const MessageItem = ({
gap={10}
className={styles.referencePopoverWrapper}
>
<Image
id={chunkItem?.img_id}
className={styles.referenceChunkImage}
></Image>
<Popover
placement="topRight"
content={
<Image
id={chunkItem?.img_id}
className={styles.referenceImagePreview}
></Image>
}
>
<Image
id={chunkItem?.img_id}
className={styles.referenceChunkImage}
></Image>
</Popover>
<Space direction={'vertical'}>
<div>{chunkItem?.content_with_weight}</div>
{documentId && (
<NewDocumentLink documentId={documentId}>
{document?.doc_name}
</NewDocumentLink>
<Flex gap={'middle'}>
<img src={fileThumbnails[documentId]} alt="" />
<NewDocumentLink documentId={documentId}>
{document?.doc_name}
</NewDocumentLink>
</Flex>
)}
</Space>
</Flex>
);
},
[reference],
[reference, fileThumbnails],
);
const renderReference = useCallback(
@ -163,12 +167,13 @@ const MessageItem = ({
dataSource={referenceDocumentList}
renderItem={(item) => (
<List.Item>
<Typography.Text mark>
{/* <SvgIcon name={getFileIcon(item.doc_name)}></SvgIcon> */}
</Typography.Text>
<NewDocumentLink documentId={item.doc_id}>
{item.doc_name}
</NewDocumentLink>
{/* <SvgIcon name={getFileIcon(item.doc_name)}></SvgIcon> */}
<Flex gap={'middle'}>
<img src={fileThumbnails[item.doc_id]}></img>
<NewDocumentLink documentId={item.doc_id}>
{item.doc_name}
</NewDocumentLink>
</Flex>
</List.Item>
)}
/>
@ -182,11 +187,10 @@ const MessageItem = ({
const ChatContainer = () => {
const [value, setValue] = useState('');
const conversation: IClientConversation = useFetchConversation();
const conversation: IClientConversation = useFetchConversationOnMount();
const { sendMessage } = useSendMessage();
const loading = useOneNamespaceEffectsLoading('chatModel', [
'completeConversation',
'getConversation',
]);
const ref = useScrollToBottom();
useGetFileIcon();