实现评论本地更新

tone-page-web/lib/api/blog/createComment.ts

@@ -1,14 +1,8 @@
+import { BlogComment } from "@/lib/types/blogComment";
 import fetcher from "../fetcher";
 
 export async function createComment(blogId: string, content: string) {
-    return fetcher<{
-        blogId: string;
-        content: string;
-        createdAt: string
-        deletedAt: null; // 原则上能看到就是null
-        id: string;
-        parentId: string | null;
-    }>(`/api/blog/${blogId}/comment`, {
+    return fetcher<BlogComment>(`/api/blog/${blogId}/comment`, {
         method: 'POST',
         body: JSON.stringify({ content }),
     });

tone-page-web/lib/api/blog/getComments.ts

@@ -1,13 +1,6 @@
+import { BlogComment } from "@/lib/types/blogComment";
 import fetcher from "../fetcher";
 
 export async function getComments(blogId: string) {
-    return fetcher<{
-        blogId: string;
-        content: string;
-        createdAt: string;
-        deletedAt: string | null;// 原则上能看到就是null，
-        id: string;
-        parentId: string | null; // 如果是回复，则有parentId
-        user: null;// TODO需要完善
-    }[]>(`/api/blog/${blogId}/comments`, { method: 'GET' });
+    return fetcher<BlogComment[]>(`/api/blog/${blogId}/comments`, { method: 'GET' });
 }

tone-page-web/lib/types/blogComment.ts

@@ -0,0 +1,11 @@
+import { User } from "./user";
+
+export interface BlogComment {
+    id: string;
+    blogId: string;
+    content: string;
+    createdAt: string;
+    deletedAt: string | null;
+    parentId: string | null;
+    user: User | null;
+}