show avatar dialog instead of default (#4033)

show avatar dialog instead of default

- [x] New Feature (non-breaking change which adds functionality)

---------

Co-authored-by: Kevin Hu <kevinhu.sh@gmail.com>

web/src/pages/chat/chat-container/index.tsx

@@ -68,6 +68,7 @@ const ChatContainer = ({ controller }: IProps) => {
                     item={message}
                     nickname={userInfo.nickname}
                     avatar={userInfo.avatar}
+                    avatardialog={conversation.avatar}
                     reference={buildMessageItemReference(
                       {
                         message: derivedMessages,

web/src/pages/chat/share/large.tsx

@@ -4,7 +4,7 @@ import { useClickDrawer } from '@/components/pdf-drawer/hooks';
 import { MessageType } from '@/constants/chat';
 import { useSendButtonDisabled } from '@/pages/chat/hooks';
 import { Flex, Spin } from 'antd';
-import { forwardRef } from 'react';
+import { forwardRef, useMemo } from 'react';
 import {
   useGetSharedChatSearchParams,
   useSendSharedMessage,
@@ -12,6 +12,8 @@ import {
 import { buildMessageItemReference } from '../utils';
 
 import PdfDrawer from '@/components/pdf-drawer';
+import { useFetchNextConversationSSE } from '@/hooks/chat-hooks';
+import { useFetchFlowSSE } from '@/hooks/flow-hooks';
 import styles from './index.less';
 
 const ChatContainer = () => {
@@ -30,6 +32,14 @@ const ChatContainer = () => {
     hasError,
   } = useSendSharedMessage();
   const sendDisabled = useSendButtonDisabled(value);
+  const useData = (from: SharedFrom) =>
+    useMemo(() => {
+      return from === SharedFrom.Agent
+        ? useFetchFlowSSE
+        : useFetchNextConversationSSE;
+    }, [from]);
+
+  const { data: InforForm } = useData(from)();
 
   if (!conversationId) {
     return <div>empty</div>;
@@ -45,6 +55,7 @@ const ChatContainer = () => {
                 return (
                   <MessageItem
                     key={message.id}
+                    avatardialog={InforForm?.avatar}
                     item={message}
                     nickname="You"
                     reference={buildMessageItemReference(

web/src/pages/flow/chat/box.tsx

@@ -9,6 +9,7 @@ import { useSendNextMessage } from './hooks';
 
 import PdfDrawer from '@/components/pdf-drawer';
 import { useClickDrawer } from '@/components/pdf-drawer/hooks';
+import { useFetchFlow } from '@/hooks/flow-hooks';
 import { useFetchUserInfo } from '@/hooks/user-setting-hooks';
 import styles from './index.less';
 
@@ -29,6 +30,7 @@ const FlowChatBox = () => {
   useGetFileIcon();
   const { t } = useTranslate('chat');
   const { data: userInfo } = useFetchUserInfo();
+  const { data: cavasInfo } = useFetchFlow();
 
   return (
     <>
@@ -47,6 +49,7 @@ const FlowChatBox = () => {
                     key={message.id}
                     nickname={userInfo.nickname}
                     avatar={userInfo.avatar}
+                    avatardialog={cavasInfo.avatar}
                     item={message}
                     reference={buildMessageItemReference(
                       { message: derivedMessages, reference },

web/src/pages/knowledge/index.tsx

@@ -89,9 +89,12 @@ const KnowledgeList = () => {
             className={styles.knowledgeCardContainer}
           >
             {nextList?.length > 0 ? (
-              nextList.map((item: any) => {
+              nextList.map((item: any, index: number) => {
                 return (
-                  <KnowledgeCard item={item} key={item.name}></KnowledgeCard>
+                  <KnowledgeCard
+                    item={item}
+                    key={`${item?.name}-${index}`}
+                  ></KnowledgeCard>
                 );
               })
             ) : (