perf: text and avatar

src/pages/chat/share.tsx

@@ -11,7 +11,6 @@ import {
   MenuButton,
   MenuList,
   MenuItem,
-  Image,
   Button,
   Modal,
   ModalOverlay,
@@ -48,6 +47,7 @@ import { useUserStore } from '@/store/user';
 import Loading from '@/components/Loading';
 import Markdown from '@/components/Markdown';
 import SideBar from '@/components/SideBar';
+import Avatar from '@/components/Avatar';
 import Empty from './components/Empty';
 
 const ShareHistory = dynamic(() => import('./components/ShareHistory'), {
@@ -564,9 +564,9 @@ const Chat = ({ shareId, historyId }: { shareId: string; historyId: string }) =>
         >
           {!isPc && (
             <MyIcon
-              name={'tabbarMore'}
-              w={'14px'}
-              h={'14px'}
+              name={'menu'}
+              w={'20px'}
+              h={'20px'}
               color={useColorModeValue('blackAlpha.700', 'white')}
               onClick={onOpenSlider}
             />
@@ -626,19 +626,15 @@ const Chat = ({ shareId, historyId }: { shareId: string; historyId: string }) =>
                           ml: ['6px', 2]
                         })}
                   >
-                    <Tooltip label={item.obj === 'AI' ? 'AI助手详情' : ''}>
-                      <Image
-                        className="avatar"
+                    <Tooltip label={item.obj === 'AI' ? '应用详情' : ''}>
+                      <Avatar
                         src={
                           item.obj === 'Human'
                             ? userInfo?.avatar || '/icon/human.png'
                             : shareChatData.model.avatar || LOGO_ICON
                         }
-                        alt="avatar"
                         w={['20px', '34px']}
                         h={['20px', '34px']}
-                        borderRadius={'50%'}
-                        objectFit={'contain'}
                       />
                     </Tooltip>
                   </MenuButton>