feat: 本次提交更新内容如下

点赞记录做好了

nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx

@@ -1,10 +1,9 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import {
   ThumbsUp,
   RefreshCw,
   Search,
-  Filter,
 } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
@@ -48,75 +47,133 @@ export default function AutoLikeDetail() {
   const [total, setTotal] = useState(0);
   const pageSize = 10;
 
-  const fetchRecords = useCallback(async (page: number = 1, keyword?: string) => {
+  useEffect(() => {
     if (!id) return;
     setRecordsLoading(true);
-    try {
-      const response = await fetchLikeRecords(id, page, pageSize, keyword);
-      setRecords(response.list || []);
-      setTotal(response.total || 0);
-      setCurrentPage(page);
-    } catch (error) {
-      console.error('获取点赞记录失败:', error);
-      toast({
-        title: '获取点赞记录失败',
-        description: '请稍后重试',
-        variant: 'destructive',
-      });
-    } finally {
-      setRecordsLoading(false);
-    }
-  }, [id, toast]);
-
-  useEffect(() => {
-    if (id) {
-      fetchRecords(1);
-    }
-  }, [id, fetchRecords]); // 加上 fetchRecords 依赖
+    fetchLikeRecords(id, 1, pageSize)
+      .then(response => {
+        setRecords(response.list || []);
+        setTotal(response.total || 0);
+        setCurrentPage(1);
+      })
+      .catch(() => {
+        toast({
+          title: '获取点赞记录失败',
+          description: '请稍后重试',
+          variant: 'destructive',
+        });
+      })
+      .finally(() => setRecordsLoading(false));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
 
   const handleSearch = () => {
     setCurrentPage(1);
-    fetchRecords(1, searchTerm);
+    fetchLikeRecords(id!, 1, pageSize, searchTerm)
+      .then(response => {
+        setRecords(response.list || []);
+        setTotal(response.total || 0);
+        setCurrentPage(1);
+      })
+      .catch(() => {
+        toast({
+          title: '获取点赞记录失败',
+          description: '请稍后重试',
+          variant: 'destructive',
+        });
+      });
   };
 
   const handleRefresh = () => {
-    fetchRecords(currentPage, searchTerm);
+    fetchLikeRecords(id!, currentPage, pageSize, searchTerm)
+      .then(response => {
+        setRecords(response.list || []);
+        setTotal(response.total || 0);
+      })
+      .catch(() => {
+        toast({
+          title: '获取点赞记录失败',
+          description: '请稍后重试',
+          variant: 'destructive',
+        });
+      });
   };
 
   const handlePageChange = (newPage: number) => {
-    fetchRecords(newPage, searchTerm);
+    fetchLikeRecords(id!, newPage, pageSize, searchTerm)
+      .then(response => {
+        setRecords(response.list || []);
+        setTotal(response.total || 0);
+        setCurrentPage(newPage);
+      })
+      .catch(() => {
+        toast({
+          title: '获取点赞记录失败',
+          description: '请稍后重试',
+          variant: 'destructive',
+        });
+      });
   };
 
   return (
     <Layout
       header={
+        <>
         <PageHeader
           title="点赞记录"
           defaultBackPath="/workspace/auto-like"
         />
+        <div className="flex items-center space-x-2 px-4 py-4">
+            <div className="relative flex-1">
+              <Search className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
+              <Input 
+                placeholder="搜索好友昵称或内容" 
+                className="pl-9" 
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
+              />
+            </div>
+            <Button variant="outline" size="icon" onClick={handleRefresh} disabled={recordsLoading}>
+              <RefreshCw className={`h-4 w-4 ${recordsLoading ? 'animate-spin' : ''}`} />
+            </Button>
+          </div>
+        </>
+      }
+      footer={
+        <>
+          {records.length > 0 && total > pageSize && (
+          <div className="flex justify-center py-4">
+            <Button
+              variant="outline"
+              size="sm"
+              disabled={currentPage === 1}
+              onClick={() => handlePageChange(currentPage - 1)}
+              className="mx-1"
+            >
+              上一页
+            </Button>
+            <span className="mx-4 py-2 text-sm text-gray-500">
+              第 {currentPage} 页，共 {Math.ceil(total / pageSize)} 页
+            </span>
+            <Button
+              variant="outline"
+              size="sm"
+              disabled={currentPage >= Math.ceil(total / pageSize)}
+              onClick={() => handlePageChange(currentPage + 1)}
+              className="mx-1"
+            >
+              下一页
+            </Button>
+          </div>
+        )}
+        </>
+      
       }
     >
       <div className="bg-gray-50 min-h-screen pb-20">
         <div className="p-4 space-y-4">
-          <Card>
-            <CardContent className="p-4">
-              <div className="flex items-center space-x-2">
-                <div className="relative flex-1">
-                  <Search className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
-                  <Input 
-                    placeholder="搜索好友昵称或内容" 
-                    className="pl-9" 
-                    value={searchTerm}
-                    onChange={(e) => setSearchTerm(e.target.value)}
-                    onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
-                  />
-                </div>
-                <Button variant="outline" size="icon" onClick={handleRefresh} disabled={recordsLoading}>
-                  <RefreshCw className={`h-4 w-4 ${recordsLoading ? 'animate-spin' : ''}`} />
-                </Button>
-              </div>
-            </CardContent>
-          </Card>
+        
           {recordsLoading ? (
             <div className="space-y-4">
               {Array.from({ length: 3 }).map((_, index) => (
@@ -215,32 +272,8 @@ export default function AutoLikeDetail() {
               ))}
             </>
           )}
-          {/* 分页 */}
-          {records.length > 0 && total > pageSize && (
-            <div className="flex justify-center mt-6">
-              <Button
-                variant="outline"
-                size="sm"
-                disabled={currentPage === 1}
-                onClick={() => handlePageChange(currentPage - 1)}
-                className="mx-1"
-              >
-                上一页
-              </Button>
-              <span className="mx-4 py-2 text-sm text-gray-500">
-                第 {currentPage} 页，共 {Math.ceil(total / pageSize)} 页
-              </span>
-              <Button
-                variant="outline"
-                size="sm"
-                disabled={currentPage >= Math.ceil(total / pageSize)}
-                onClick={() => handlePageChange(currentPage + 1)}
-                className="mx-1"
-              >
-                下一页
-              </Button>
-            </div>
-          )}
+         
+          
         </div>
       </div>
     </Layout>