import { Fragment } from "react"; import { useRouter } from "next/router"; import { mutate } from "swr"; // headless ui import { Dialog, Transition } from "@headlessui/react"; // services import cycleService from "services/cycles.service"; // hooks import useToast from "hooks/use-toast"; // components import { CycleForm } from "components/cycles"; // helper import { getDateRangeStatus, isDateGreaterThanToday } from "helpers/date-time.helper"; // types import type { ICycle } from "types"; // fetch keys import { COMPLETED_CYCLES_LIST, CURRENT_CYCLE_LIST, CYCLES_LIST, DRAFT_CYCLES_LIST, INCOMPLETE_CYCLES_LIST, UPCOMING_CYCLES_LIST, } from "constants/fetch-keys"; type CycleModalProps = { isOpen: boolean; handleClose: () => void; data?: ICycle | null; }; export const CreateUpdateCycleModal: React.FC = ({ isOpen, handleClose, data, }) => { const router = useRouter(); const { workspaceSlug, projectId } = router.query; const { setToastAlert } = useToast(); const createCycle = async (payload: Partial) => { if (!workspaceSlug || !projectId) return; await cycleService .createCycle(workspaceSlug.toString(), projectId.toString(), payload) .then((res) => { switch (getDateRangeStatus(res.start_date, res.end_date)) { case "completed": mutate(COMPLETED_CYCLES_LIST(projectId.toString())); break; case "current": mutate(CURRENT_CYCLE_LIST(projectId.toString())); break; case "upcoming": mutate(UPCOMING_CYCLES_LIST(projectId.toString())); break; default: mutate(DRAFT_CYCLES_LIST(projectId.toString())); } mutate(INCOMPLETE_CYCLES_LIST(projectId.toString())); mutate(CYCLES_LIST(projectId.toString())); handleClose(); setToastAlert({ type: "success", title: "Success!", message: "Cycle created successfully.", }); }) .catch(() => { setToastAlert({ type: "error", title: "Error!", message: "Error in creating cycle. Please try again.", }); }); }; const updateCycle = async (cycleId: string, payload: Partial) => { if (!workspaceSlug || !projectId) return; await cycleService .updateCycle(workspaceSlug.toString(), projectId.toString(), cycleId, payload) .then((res) => { switch (getDateRangeStatus(data?.start_date, data?.end_date)) { case "completed": mutate(COMPLETED_CYCLES_LIST(projectId.toString())); break; case "current": mutate(CURRENT_CYCLE_LIST(projectId.toString())); break; case "upcoming": mutate(UPCOMING_CYCLES_LIST(projectId.toString())); break; default: mutate(DRAFT_CYCLES_LIST(projectId.toString())); } mutate(CYCLES_LIST(projectId.toString())); if ( getDateRangeStatus(data?.start_date, data?.end_date) != getDateRangeStatus(res.start_date, res.end_date) ) { switch (getDateRangeStatus(res.start_date, res.end_date)) { case "completed": mutate(COMPLETED_CYCLES_LIST(projectId.toString())); break; case "current": mutate(CURRENT_CYCLE_LIST(projectId.toString())); break; case "upcoming": mutate(UPCOMING_CYCLES_LIST(projectId.toString())); break; default: mutate(DRAFT_CYCLES_LIST(projectId.toString())); } } handleClose(); setToastAlert({ type: "success", title: "Success!", message: "Cycle updated successfully.", }); }) .catch((err) => { setToastAlert({ type: "error", title: "Error!", message: "Error in updating cycle. Please try again.", }); }); }; const dateChecker = async (payload: any) => { try { const res = await cycleService.cycleDateCheck( workspaceSlug as string, projectId as string, payload ); console.log(res); return res.status; } catch (err) { console.log(err); return false; } }; const handleFormSubmit = async (formData: Partial) => { if (!workspaceSlug || !projectId) return; const payload: Partial = { ...formData, }; if (payload.start_date && payload.end_date) { if (!isDateGreaterThanToday(payload.end_date)) { setToastAlert({ type: "error", title: "Error!", message: "Unable to create cycle in past date. Please enter a valid date.", }); handleClose(); return; } if (data?.start_date && data?.end_date) { const isDateValidForExistingCycle = await dateChecker({ start_date: payload.start_date, end_date: payload.end_date, cycle_id: data.id, }); if (isDateValidForExistingCycle) { await updateCycle(data.id, payload); return; } else { setToastAlert({ type: "error", title: "Error!", message: "You have a cycle already on the given dates, if you want to create your draft cycle you can do that by removing dates", }); handleClose(); return; } } const isDateValid = await dateChecker({ start_date: payload.start_date, end_date: payload.end_date, }); if (isDateValid) { if (data) { await updateCycle(data.id, payload); } else { await createCycle(payload); } } else { setToastAlert({ type: "error", title: "Error!", message: "You have a cycle already on the given dates, if you want to create your draft cycle you can do that by removing dates", }); handleClose(); } } else { if (data) { await updateCycle(data.id, payload); } else { await createCycle(payload); } } }; return (
); };