fix：操作部分svg图标更换为png

src/pages/Chat/components/ChatItem/ChatAnswerOperate.tsx

@@ -3,13 +3,13 @@ import { useMemo, useRef, useState } from 'react'
 import { useSearchParams } from 'react-router-dom'
 import { useSearchParams } from 'react-router-dom'
 import { useDebounceFn } from 'ahooks'
 import { useDebounceFn } from 'ahooks'
 import type { Answer } from '@/types/chat'
 import type { Answer } from '@/types/chat'
-import LikeIcon from '@/assets/svg/zan.svg?react'
-import LikeIconA from '@/assets/svg/zanA.svg?react'
-import UnLikeIcon from '@/assets/svg/cai.svg?react'
-import UnLikeIconA from '@/assets/svg/caiA.svg?react'
-import CopyIcon from '@/assets/svg/copy.svg?react'
-import CollectIcon from '@/assets/svg/shouc.svg?react'
-import CollectIconA from '@/assets/svg/shoucA.svg?react'
+import LikeIcon from '@/assets/zan.png'
+import LikeIconA from '@/assets/zanA.png'
+import UnLikeIcon from '@/assets/cai.png'
+import UnLikeIconA from '@/assets/caiA.png'
+import CopyIcon from '@/assets/copy.png'
+import CollectIcon from '@/assets/shouc.png'
+import CollectIconA from '@/assets/shoucA.png'
 import useToast from '@/hooks/useToast'
 import useToast from '@/hooks/useToast'
 import { fetchCancelCollection, fetchSubmitCollection, fetchSubmitFeedback } from '@/api/chat'
 import { fetchCancelCollection, fetchSubmitCollection, fetchSubmitFeedback } from '@/api/chat'
 import { UnLikeModal } from '@/components/UnLikeModal'
 import { UnLikeModal } from '@/components/UnLikeModal'
@@ -163,26 +163,32 @@ export const ChatAnswerOperate: React.FC<ChatAnswerOperateProps> = ({ answer })
       {/* 点赞 */}
       {/* 点赞 */}
       <Tooltip color="foreground" content={isLike ? '取消点赞' : '点赞'} className="capitalize">
       <Tooltip color="foreground" content={isLike ? '取消点赞' : '点赞'} className="capitalize">
         <Button variant="light" isIconOnly aria-label="LikeIcon" onPress={handleLike.run}>
         <Button variant="light" isIconOnly aria-label="LikeIcon" onPress={handleLike.run}>
-          {isLike ? <LikeIconA /> : <LikeIcon />}
+          {isLike
+            ? <img src={LikeIconA} alt="like-active" className="w-[22px] h-[22px]" />
+            : <img src={LikeIcon} alt="like" className="w-[22px] h-[22px]" />}
         </Button>
         </Button>
       </Tooltip>
       </Tooltip>
       {/* 点踩 */}
       {/* 点踩 */}
       <Tooltip color="foreground" content={isUnLike ? '取消点踩' : '点踩'} className="capitalize">
       <Tooltip color="foreground" content={isUnLike ? '取消点踩' : '点踩'} className="capitalize">
         <Button variant="light" isIconOnly aria-label="UnLikeIcon" onPress={handleUnLike}>
         <Button variant="light" isIconOnly aria-label="UnLikeIcon" onPress={handleUnLike}>
-          {isUnLike ? <UnLikeIconA /> : <UnLikeIcon />}
+          {isUnLike
+            ? <img src={UnLikeIconA} alt="unlike-active" className="w-[22px] h-[22px]" />
+            : <img src={UnLikeIcon} alt="unlike" className="w-[22px] h-[22px]" />}
         </Button>
         </Button>
       </Tooltip>
       </Tooltip>
       {/* 复制 */}
       {/* 复制 */}
       <Tooltip color="foreground" content="复制" className="capitalize">
       <Tooltip color="foreground" content="复制" className="capitalize">
         <Button variant="light" isIconOnly aria-label="CopyIcon" onPress={handleCopy}>
         <Button variant="light" isIconOnly aria-label="CopyIcon" onPress={handleCopy}>
-          <CopyIcon />
+          <img src={CopyIcon} alt="copy" className="w-[22px] h-[22px]" />
         </Button>
         </Button>
       </Tooltip>
       </Tooltip>
       {/* 收藏（当路由未标记 from=tactics 且不存在 userMeta 缓存时才展示） */}
       {/* 收藏（当路由未标记 from=tactics 且不存在 userMeta 缓存时才展示） */}
       {!shouldHideCollect && (
       {!shouldHideCollect && (
         <Tooltip color="foreground" content={isCollect ? '取消收藏' : '收藏'} className="capitalize">
         <Tooltip color="foreground" content={isCollect ? '取消收藏' : '收藏'} className="capitalize">
           <Button variant="light" isIconOnly aria-label="CollectIcon" onPress={handleCollect.run}>
           <Button variant="light" isIconOnly aria-label="CollectIcon" onPress={handleCollect.run}>
-            {isCollect ? <CollectIconA /> : <CollectIcon />}
+            {isCollect
+              ? <img src={CollectIconA} alt="collect-active" className="w-[22px] h-[22px]" />
+              : <img src={CollectIcon} alt="collect" className="w-[22px] h-[22px]" />}
           </Button>
           </Button>
         </Tooltip>
         </Tooltip>
       )}
       )}