alert修改

src/components/PansouSearch.tsx

@@ -5,6 +5,7 @@ import { AlertCircle, Copy, ExternalLink, Loader2, RefreshCw } from 'lucide-reac
 import { useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 
+import Toast, { ToastProps } from '@/components/Toast';
 import { PansouLink, PansouSearchResult } from '@/lib/pansou.client';
 
 interface PansouSearchProps {
@@ -60,6 +61,7 @@ export default function PansouSearch({
   const [selectedType, setSelectedType] = useState<string>('all'); // 'all' 表示显示全部
   const [transferingUrl, setTransferingUrl] = useState<string | null>(null);
   const [playingUrl, setPlayingUrl] = useState<string | null>(null);
+  const [toast, setToast] = useState<ToastProps | null>(null);
 
   // 提取搜索函数，以便在重试时调用
   const searchPansou = useCallback(async () => {
@@ -141,9 +143,17 @@ export default function PansouSearch({
         throw new Error(data.error || '转存失败');
       }
 
-      window.alert(`转存成功，已保存到：${data.targetPath}`);
+      setToast({
+        message: `转存成功，已保存到：${data.targetPath}`,
+        type: 'success',
+        onClose: () => setToast(null),
+      });
     } catch (err: any) {
-      window.alert(err?.message || '转存失败');
+      setToast({
+        message: err?.message || '转存失败',
+        type: 'error',
+        onClose: () => setToast(null),
+      });
     } finally {
       setTransferingUrl(null);
     }
@@ -173,12 +183,17 @@ export default function PansouSearch({
         `/play?source=quark-temp&id=${encodeURIComponent(data.id)}&title=${encodeURIComponent(data.title || keyword)}`
       );
     } catch (err: any) {
-      window.alert(err?.message || '立即播放失败');
+      setToast({
+        message: err?.message || '立即播放失败',
+        type: 'error',
+        onClose: () => setToast(null),
+      });
     } finally {
       setPlayingUrl(null);
     }
   };
 
+  const renderBody = () => {
     if (loading) {
       return (
         <div className='flex items-center justify-center py-12'>
@@ -237,7 +252,7 @@ export default function PansouSearch({
     }));
 
     return (
-    <div className='space-y-6'>
+      <>
         {/* 搜索结果统计 */}
         <div className='text-sm text-gray-600 dark:text-gray-400'>
           找到 <span className='font-semibold text-green-600 dark:text-green-400'>{results.total}</span> 个资源
@@ -397,6 +412,16 @@ export default function PansouSearch({
             </div>
           );
         })}
+      </>
+    );
+  };
+
+  return (
+    <>
+      <div className='space-y-6'>
+        {renderBody()}
       </div>
+      {toast && <Toast {...toast} />}
+    </>
   );
 }