fix: bug

Author: 521xueweihan

src/components/ImageWithPreview.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { AiOutlineClose } from 'react-icons/ai';
 
 import GifPlayButton from './loading/GifPlayButton';
@@ -18,6 +18,11 @@ const ImageWithPreview = ({ src, alt, ...rest }: ImageWithPreviewProps) => {
   const sourceIsGif = src?.endsWith('gif');
   const [isPreviewOpen, setIsPreviewOpen] = useState(false);
 
+  // 添加 useEffect 监听 src 变化
+  useEffect(() => {
+    setImgSrc(src?.endsWith('gif') ? `${src}${gifCoverImage}` : src);
+  }, [src]);
+
   const handleLoadGif = (e: React.MouseEvent) => {
     e.stopPropagation();
     setTimeout(() => {
@@ -45,6 +50,7 @@ const ImageWithPreview = ({ src, alt, ...rest }: ImageWithPreviewProps) => {
       <div className='relative flex'>
         <img
           {...rest}
+          key={src} // 添加 key 属性
           src={imgSrc}
           alt={alt}
           style={{

src/components/respository/Info.tsx

@@ -114,6 +114,7 @@ const Info = ({ repo, t, i18n_lang }: RepositoryProps) => {
         setIsCollected(res.is_collected);
       }
     };
+    setVoteTotal(repo.votes);
     fetchUserRepoStatus();
   }, [repo.rid]);