refactor: update ArticleList component to use async function and improve article deletion handling

Author: kingRayhan

src/app/dashboard/_components/ArticleList.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { Article } from "@/backend/models/domain-models";
 import * as articleActions from "@/backend/services/article.actions";
 import { useAppConfirm } from "@/components/app-confirm";
 import { Button } from "@/components/ui/button";
@@ -30,7 +31,7 @@ import { addDays, differenceInHours } from "date-fns";
 import { TrashIcon } from "lucide-react";
 import Link from "next/link";
 
-const ArticleList = () => {
+const ArticleList = async () => {
   const { _t } = useTranslation();
   const queryClient = useQueryClient();
   const appConfirm = useAppConfirm();
@@ -74,6 +75,9 @@ const ArticleList = () => {
 
       return { previousData };
     },
+    onSuccess(data, variables, context) {
+      // data
+    },
     onError: (err, variables, context) => {
       if (context?.previousData) {
         queryClient.setQueryData(["dashboard-articles"], context.previousData);

src/backend/models/action-contracts.ts

@@ -1,4 +1,4 @@
-export type ActionResponse<T = any> =
+export type ActionResponse<T> =
   | {
       success: true | boolean;
       data: T;

src/backend/services/article.actions.ts

@@ -185,7 +185,7 @@ export async function updateMyArticle(
   }
 }
 
-export const scheduleArticleDelete = async (article_id: string) => {
+export async function scheduleArticleDelete(article_id: string) {
   try {
     const session_userID = await authID();
     if (!session_userID) {
@@ -206,14 +206,15 @@ export const scheduleArticleDelete = async (article_id: string) => {
         delete_scheduled_at: addDays(new Date(), 7),
       },
     });
+
     return {
       success: true as const,
       data: updated.rows[0],
-    };
+    } satisfies ActionResponse<unknown>;
   } catch (error) {
     return handleActionException(error);
   }
-};
+}
 
 export const restoreShceduleDeletedArticle = async (
   article_id: string