From 7d6700db6a5e3a497547bb244fa67113f55be554 Mon Sep 17 00:00:00 2001
From: "cyril.tsui" <cyril.tsui@2fi-solutions.com.hk>
Date: Wed, 26 Feb 2025 17:08:00 +0800
Subject: [PATCH] add bulk delete

---
 src/components/CreateProject/MilestoneSection.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/CreateProject/MilestoneSection.tsx b/src/components/CreateProject/MilestoneSection.tsx
index ea050eb..fa96fb7 100644
--- a/src/components/CreateProject/MilestoneSection.tsx
+++ b/src/components/CreateProject/MilestoneSection.tsx
@@ -39,6 +39,7 @@ import {
 } from "@/app/utils/formatUtil";
 import isDate from "lodash/isDate";
 import BulkAddPaymentModal from "./BulkAddPaymentModal";
+import { deleteDialog } from "../Swal/CustomAlerts";
 
 interface Props {
   taskGroupId: TaskGroup["id"];
@@ -292,6 +293,11 @@ const MilestoneSection: React.FC<Props> = ({ taskGroupId }) => {
     setPayments((currentPayments) => [...currentPayments, ...entries]);
     setBulkAddModalOpen(false);
   }, []);
+  const onBulkDelete = useCallback(() => {
+    deleteDialog(() => {
+      setPayments([])
+    }, t)
+  }, []);
 
   const footer = (
     <Box display="flex" gap={2} alignItems="center">
@@ -311,6 +317,15 @@ const MilestoneSection: React.FC<Props> = ({ taskGroupId }) => {
       >
         {t("Bulk Add Payment Milestones")}
       </Button>
+      <Button
+        variant="outlined"
+        startIcon={<Delete />}
+        color={"error"}
+        onClick={onBulkDelete}
+        size="small"
+      >
+        {t("Delete Payment Milestones")}
+      </Button>
     </Box>
   );