From 407566899f1a1789c8a70e143071871d331e12be Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Tue, 13 Jan 2026 16:35:54 +0700
Subject: [PATCH] feat:delete button on edit article

---
 components/form/article/edit-article-form.tsx | 40 +++++++++++++++++--
 components/table/article-table.tsx            |  2 +-
 2 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/components/form/article/edit-article-form.tsx b/components/form/article/edit-article-form.tsx
index c3c49a8..9b57e3a 100644
--- a/components/form/article/edit-article-form.tsx
+++ b/components/form/article/edit-article-form.tsx
@@ -15,6 +15,7 @@ import Image from "next/image";
 import { Switch } from "@heroui/switch";
 import {
   createArticle,
+  deleteArticle,
   deleteArticleFiles,
   getArticleByCategory,
   getArticleById,
@@ -573,6 +574,33 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
     });
   };
 
+  const handleDelete = (id: any) => {
+    MySwal.fire({
+      title: "Hapus Artikel",
+      icon: "warning",
+      showCancelButton: true,
+      cancelButtonColor: "#3085d6",
+      confirmButtonColor: "#d33",
+      confirmButtonText: "Hapus",
+    }).then((result) => {
+      if (result.isConfirmed) {
+        doDelete(id);
+      }
+    });
+  };
+
+  async function doDelete(id: any) {
+    // loading();
+    const resDelete = await deleteArticle(id);
+
+    if (resDelete?.error) {
+      error(resDelete.message);
+      return false;
+    }
+    close();
+    router.push("/admin/article");
+  }
+
   return (
     <form
       className="flex flex-col lg:flex-row gap-8 text-black"
@@ -1150,11 +1178,15 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                 Publish
               </Button>
             )}
-          {/* {!isDetail && (
-            <Button color="success" type="button">
-              <p className="text-white">Draft</p>
+          {!isDetail && (
+            <Button
+              onPress={() => handleDelete(id)}
+              color="danger"
+              type="button"
+            >
+              <p className="text-white">Delete</p>
             </Button>
-          )} */}
+          )}
 
           <Link href="/admin/article">
             <Button color="danger" variant="bordered" type="button">
diff --git a/components/table/article-table.tsx b/components/table/article-table.tsx
index dc8717d..2621460 100644
--- a/components/table/article-table.tsx
+++ b/components/table/article-table.tsx
@@ -241,7 +241,7 @@ export default function ArticleTable() {
   };
 
   async function doDelete(id: any) {
-    // loading();
+    loading();
     const resDelete = await deleteArticle(id);
 
     if (resDelete?.error) {