From 1b5ce9acdace49c14ce9b1d2f30f5b36d0bab936 Mon Sep 17 00:00:00 2001
From: Chung Zhi Xuan <zhixuanchung03@gmail.com>
Date: Mon, 22 Jan 2024 20:00:27 +0800
Subject: [PATCH] Add delete and edit buttons for product page

---
 apps/cms/src/admin/views/MerchProducts.tsx | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/apps/cms/src/admin/views/MerchProducts.tsx b/apps/cms/src/admin/views/MerchProducts.tsx
index 4a7cadd9..651d071f 100644
--- a/apps/cms/src/admin/views/MerchProducts.tsx
+++ b/apps/cms/src/admin/views/MerchProducts.tsx
@@ -56,6 +56,45 @@ const MerchProducts: AdminView = ({ user, canAccessAdmin }) => {
     };
     tableCols.push(col);
   }
+
+  const editColumn: Column = {
+    accessor: "edit",
+    components: {
+      Heading: <div>Edit</div>,
+      renderCell: ({ children }) => (
+        <Button onClick={() => handleEdit(children as string)}>Edit</Button>
+      ),
+    },
+    label: "Edit",
+    name: "edit",
+    active: true,
+  };
+
+  tableCols.push(editColumn);
+
+  const deleteColumn: Column = {
+    accessor: "delete",
+    components: {
+      Heading: <div>Delete</div>,
+      renderCell: ({ children }) => (
+        <Button onClick={() => handleDelete(children as string)}>Delete</Button>
+      ),
+    },
+    label: "Delete",
+    name: "delete",
+    active: true,
+  };
+
+  tableCols.push(deleteColumn);
+
+  const handleEdit = (orderId: string) => {
+    console.log(`Dummy. Order ID: ${orderId}`);
+  };
+
+  const handleDelete = (orderId: string) => {
+    console.log(`Dummy. Order ID: ${orderId}`);
+  };
+
   console.log(tableCols);
 
   return (