fix: delete mutations for issues, cycles and modules (#634)

apps/app/components/cycles/delete-cycle-modal.tsx

@@ -14,14 +14,25 @@ import { DangerButton, SecondaryButton } from "components/ui";
 // icons
 import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
 // types
-import type { ICycle } from "types";
+import type {
+  CompletedCyclesResponse,
+  CurrentAndUpcomingCyclesResponse,
+  DraftCyclesResponse,
+  ICycle,
+} from "types";
 type TConfirmCycleDeletionProps = {
   isOpen: boolean;
   setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
   data?: ICycle;
 };
 // fetch-keys
-import { CYCLE_LIST } from "constants/fetch-keys";
+import {
+  CYCLE_COMPLETE_LIST,
+  CYCLE_CURRENT_AND_UPCOMING_LIST,
+  CYCLE_DRAFT_LIST,
+  CYCLE_LIST,
+} from "constants/fetch-keys";
+import { getDateRangeStatus } from "helpers/date-time.helper";
 
 export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
   isOpen,
@@ -31,7 +42,7 @@ export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
 
   const router = useRouter();
-  const { workspaceSlug } = router.query;
+  const { workspaceSlug, projectId } = router.query;
 
   const { setToastAlert } = useToast();
 
@@ -41,16 +52,68 @@ export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
   };
 
   const handleDeletion = async () => {
-    setIsDeleteLoading(true);
     if (!data || !workspaceSlug) return;
+
+    setIsDeleteLoading(true);
+
     await cycleService
       .deleteCycle(workspaceSlug as string, data.project, data.id)
       .then(() => {
-        mutate<ICycle[]>(
-          CYCLE_LIST(data.project),
-          (prevData) => prevData?.filter((cycle) => cycle.id !== data?.id),
-          false
-        );
+        switch (getDateRangeStatus(data.start_date, data.end_date)) {
+          case "completed":
+            mutate<CompletedCyclesResponse>(
+              CYCLE_COMPLETE_LIST(projectId as string),
+              (prevData) => {
+                if (!prevData) return;
+
+                return {
+                  completed_cycles: prevData.completed_cycles?.filter(
+                    (cycle) => cycle.id !== data?.id
+                  ),
+                };
+              },
+              false
+            );
+            break;
+          case "current":
+            mutate<CurrentAndUpcomingCyclesResponse>(
+              CYCLE_CURRENT_AND_UPCOMING_LIST(projectId as string),
+              (prevData) => {
+                if (!prevData) return;
+                return {
+                  current_cycle: prevData.current_cycle?.filter((c) => c.id !== data?.id),
+                  upcoming_cycle: prevData.upcoming_cycle,
+                };
+              },
+              false
+            );
+            break;
+          case "upcoming":
+            mutate<CurrentAndUpcomingCyclesResponse>(
+              CYCLE_CURRENT_AND_UPCOMING_LIST(projectId as string),
+              (prevData) => {
+                if (!prevData) return;
+
+                return {
+                  current_cycle: prevData.current_cycle,
+                  upcoming_cycle: prevData.upcoming_cycle?.filter((c) => c.id !== data?.id),
+                };
+              },
+              false
+            );
+            break;
+          default:
+            mutate<DraftCyclesResponse>(
+              CYCLE_DRAFT_LIST(projectId as string),
+              (prevData) => {
+                if (!prevData) return;
+                return {
+                  draft_cycles: prevData.draft_cycles?.filter((cycle) => cycle.id !== data?.id),
+                };
+              },
+              false
+            );
+        }
         handleClose();
 
         setToastAlert({
@@ -59,8 +122,7 @@ export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
           message: "Cycle deleted successfully",
         });
       })
-      .catch((error) => {
-        console.log(error);
+      .catch(() => {
         setIsDeleteLoading(false);
       });
   };
@@ -107,9 +169,8 @@ export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
                       <div className="mt-2">
                         <p className="text-sm text-gray-500">
                           Are you sure you want to delete cycle-{" "}
-                          <span className="font-bold">{data?.name}</span>
-                          ? All of the data related to the cycle will be permanently removed.
-                          This action cannot be undone.
+                          <span className="font-bold">{data?.name}</span>? All of the data related
+                          to the cycle will be permanently removed. This action cannot be undone.
                         </p>
                       </div>
                     </div>