fix: remove duplicate MessageItem #1289 (#1566)

### What problem does this PR solve?

fix: remove duplicate MessageItem #1289

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/message-item/index.less

@@ -22,6 +22,26 @@
     background-color: rgba(249, 250, 251, 1);
     word-break: break-all;
   }
+  .messageTextBase() {
+    padding: 6px 10px;
+    border-radius: 8px;
+    & > p {
+      margin: 0;
+    }
+  }
+  .messageText {
+    .chunkText();
+    .messageTextBase();
+    background-color: #e6f4ff;
+    word-break: break-all;
+  }
+  .messageUserText {
+    .chunkText();
+    .messageTextBase();
+    background-color: rgb(248, 247, 247);
+    word-break: break-all;
+    text-align: justify;
+  }
   .messageEmpty {
     width: 300px;
   }

web/src/components/message-item/index.tsx

@@ -3,7 +3,6 @@ import { MessageType } from '@/constants/chat';
 import { useTranslate } from '@/hooks/commonHooks';
 import { useGetDocumentUrl } from '@/hooks/documentHooks';
 import { useSelectFileThumbnails } from '@/hooks/knowledgeHook';
-import { useSelectUserInfo } from '@/hooks/userSettingHook';
 import { IReference, Message } from '@/interfaces/database/chat';
 import { IChunk } from '@/interfaces/database/knowledge';
 import classNames from 'classnames';
@@ -16,23 +15,27 @@ import NewDocumentLink from '../new-document-link';
 import SvgIcon from '../svg-icon';
 import styles from './index.less';
 
+interface IProps {
+  item: Message;
+  reference: IReference;
+  loading?: boolean;
+  nickname?: string;
+  avatar?: string;
+  clickDocumentButton?: (documentId: string, chunk: IChunk) => void;
+}
+
 const MessageItem = ({
   item,
   reference,
   loading = false,
+  avatar = '',
+  nickname = '',
   clickDocumentButton,
-}: {
-  item: Message;
-  reference: IReference;
-  loading?: boolean;
-  clickDocumentButton: (documentId: string, chunk: IChunk) => void;
-}) => {
-  const userInfo = useSelectUserInfo();
+}: IProps) => {
+  const isAssistant = item.role === MessageType.Assistant;
+  const { t } = useTranslate('chat');
   const fileThumbnails = useSelectFileThumbnails();
   const getDocumentUrl = useGetDocumentUrl();
-  const { t } = useTranslate('chat');
-
-  const isAssistant = item.role === MessageType.Assistant;
 
   const referenceDocumentList = useMemo(() => {
     return reference?.doc_aggs ?? [];
@@ -68,7 +71,7 @@ const MessageItem = ({
             <Avatar
               size={40}
               src={
-                userInfo.avatar ??
+                avatar ??
                 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
               }
             />
@@ -76,8 +79,12 @@ const MessageItem = ({
             <AssistantIcon></AssistantIcon>
           )}
           <Flex vertical gap={8} flex={1}>
-            <b>{isAssistant ? '' : userInfo.nickname}</b>
-            <div className={styles.messageText}>
+            <b>{isAssistant ? '' : nickname}</b>
+            <div
+              className={
+                isAssistant ? styles.messageText : styles.messageUserText
+              }
+            >
               <MarkdownContent
                 content={content}
                 reference={reference}