import React, { FC } from "react"; import { useRouter } from "next/router"; // components import { CustomMenu } from "@plane/ui"; import { CreateUpdateIssueModal } from "components/issues/modal"; import { ExistingIssuesListModal } from "components/core"; // lucide icons import { Minimize2, Maximize2, Circle, Plus } from "lucide-react"; // hooks import useToast from "hooks/use-toast"; // mobx import { observer } from "mobx-react-lite"; // types import { IIssue, ISearchIssueResponse } from "types"; import { EProjectStore } from "store/command-palette.store"; interface IHeaderGroupByCard { sub_group_by: string | null; group_by: string | null; column_id: string; icon?: React.ReactNode; title: string; count: number; kanBanToggle: any; handleKanBanToggle: any; issuePayload: Partial; disableIssueCreation?: boolean; currentStore?: EProjectStore; addIssuesToView?: (issueIds: string[]) => Promise; } export const HeaderGroupByCard: FC = observer((props) => { const { sub_group_by, column_id, icon, title, count, kanBanToggle, handleKanBanToggle, issuePayload, disableIssueCreation, currentStore, addIssuesToView, } = props; const verticalAlignPosition = kanBanToggle?.groupByHeaderMinMax.includes(column_id); const [isOpen, setIsOpen] = React.useState(false); const [openExistingIssueListModal, setOpenExistingIssueListModal] = React.useState(false); const router = useRouter(); const { workspaceSlug, projectId, moduleId, cycleId } = router.query; const { setToastAlert } = useToast(); const renderExistingIssueModal = moduleId || cycleId; const ExistingIssuesListModalPayload = moduleId ? { module: true } : { cycle: true }; const handleAddIssuesToView = async (data: ISearchIssueResponse[]) => { if (!workspaceSlug || !projectId) return; const issues = data.map((i) => i.id); addIssuesToView && addIssuesToView(issues)?.catch(() => { setToastAlert({ type: "error", title: "Error!", message: "Selected issues could not be added to the cycle. Please try again.", }); }); }; return ( <> setIsOpen(false)} prePopulateData={issuePayload} currentStore={currentStore} /> {renderExistingIssueModal && ( setOpenExistingIssueListModal(false)} searchParams={ExistingIssuesListModalPayload} handleOnSubmit={handleAddIssuesToView} /> )}
{icon ? icon : }
{title}
{count || 0}
{sub_group_by === null && (
handleKanBanToggle("groupByHeaderMinMax", column_id)} > {verticalAlignPosition ? ( ) : ( )}
)} {!disableIssueCreation && (renderExistingIssueModal ? ( } > setIsOpen(true)}> Create issue setOpenExistingIssueListModal(true)}> Add an existing issue ) : (
setIsOpen(true)} >
))}
); });