feat: one VideoCard for all

src/app/douban/page.tsx

@@ -6,9 +6,9 @@ import { useEffect, useRef, useState } from 'react';
 
 import { DoubanItem, DoubanResult } from '@/lib/types';
 
-import DemoCard from '@/components/DemoCard';
 import DoubanCardSkeleton from '@/components/DoubanCardSkeleton';
 import PageLayout from '@/components/PageLayout';
+import VideoCard from '@/components/VideoCard';
 
 function DoubanPageClient() {
   const searchParams = useSearchParams();
@@ -198,10 +198,12 @@ function DoubanPageClient() {
                   : // 显示实际数据
                     doubanData.map((item, index) => (
                       <div key={`${item.title}-${index}`} className='w-full'>
-                        <DemoCard
+                        <VideoCard
                           id={item.id}
+                          source=''
                           title={item.title}
                           poster={item.poster}
+                          source_name=''
                           rate={item.rate}
                         />
                       </div>

src/app/page.tsx

@@ -5,12 +5,15 @@ import Link from 'next/link';
 import { Suspense, useEffect, useState } from 'react';
 
 // 客户端收藏 API
-import { clearAllFavorites, getAllFavorites } from '@/lib/db.client';
+import {
+  clearAllFavorites,
+  getAllFavorites,
+  getAllPlayRecords,
+} from '@/lib/db.client';
 import { DoubanItem, DoubanResult } from '@/lib/types';
 
 import CapsuleSwitch from '@/components/CapsuleSwitch';
 import ContinueWatching from '@/components/ContinueWatching';
-import DemoCard from '@/components/DemoCard';
 import PageLayout from '@/components/PageLayout';
 import ScrollableRow from '@/components/ScrollableRow';
 import { useSite } from '@/components/SiteProvider';
@@ -40,6 +43,7 @@ function HomeClient() {
     poster: string;
     episodes: number;
     source_name: string;
+    currentEpisode?: number;
   };
 
   const [favoriteItems, setFavoriteItems] = useState<FavoriteItem[]>([]);
@@ -77,14 +81,23 @@ function HomeClient() {
     if (activeTab !== 'favorites') return;
 
     (async () => {
-      const all = await getAllFavorites();
+      const [allFavorites, allPlayRecords] = await Promise.all([
+        getAllFavorites(),
+        getAllPlayRecords(),
+      ]);
+
       // 根据保存时间排序（从近到远）
-      const sorted = Object.entries(all)
+      const sorted = Object.entries(allFavorites)
         .sort(([, a], [, b]) => b.save_time - a.save_time)
         .map(([key, fav]) => {
           const plusIndex = key.indexOf('+');
           const source = key.slice(0, plusIndex);
           const id = key.slice(plusIndex + 1);
+
+          // 查找对应的播放记录，获取当前集数
+          const playRecord = allPlayRecords[key];
+          const currentEpisode = playRecord?.index;
+
           return {
             id,
             source,
@@ -93,6 +106,7 @@ function HomeClient() {
             poster: fav.cover,
             episodes: fav.total_episodes,
             source_name: fav.source_name,
+            currentEpisode,
           } as FavoriteItem;
         });
       setFavoriteItems(sorted);
@@ -192,10 +206,12 @@ function HomeClient() {
                           key={index}
                           className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
                         >
-                          <DemoCard
-                            id={movie.id}
+                          <VideoCard
+                            id=''
+                            source=''
                             title={movie.title}
                             poster={movie.poster}
+                            source_name=''
                             rate={movie.rate}
                           />
                         </div>
@@ -237,10 +253,12 @@ function HomeClient() {
                           key={index}
                           className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
                         >
-                          <DemoCard
+                          <VideoCard
                             id={show.id}
+                            source=''
                             title={show.title}
                             poster={show.poster}
+                            source_name=''
                             rate={show.rate}
                           />
                         </div>

src/app/search/page.tsx

@@ -13,7 +13,6 @@ import {
 } from '@/lib/db.client';
 import { SearchResult } from '@/lib/types';
 
-import AggregateCard from '@/components/AggregateCard';
 import PageLayout from '@/components/PageLayout';
 import VideoCard from '@/components/VideoCard';
 
@@ -186,7 +185,15 @@ function SearchPageClient() {
                   ? aggregatedResults.map(([mapKey, group]) => {
                       return (
                         <div key={`agg-${mapKey}`} className='w-full'>
-                          <AggregateCard items={group} year={group[0].year} />
+                          <VideoCard
+                            id={group[0].id}
+                            source={group[0].source}
+                            title={group[0].title}
+                            poster={group[0].poster}
+                            source_name={group[0].source_name}
+                            year={group[0].year}
+                            items={group}
+                          />
                         </div>
                       );
                     })