import { useState } from "react"; import { observer } from "mobx-react-lite"; import { PlusIcon } from "lucide-react"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // hooks import useToast from "hooks/use-toast"; // components import { EmptyState } from "components/common"; import { ExistingIssuesListModal } from "components/core"; // ui import { Button } from "@plane/ui"; // assets import emptyIssue from "public/empty-state/issue.svg"; // types import { ISearchIssueResponse } from "types"; type Props = { workspaceSlug: string | undefined; projectId: string | undefined; cycleId: string | undefined; }; export const CycleEmptyState: React.FC = observer((props) => { const { workspaceSlug, projectId, cycleId } = props; // states const [cycleIssuesListModal, setCycleIssuesListModal] = useState(false); const { cycleIssue: cycleIssueStore, commandPalette: commandPaletteStore } = useMobxStore(); const { setToastAlert } = useToast(); const handleAddIssuesToCycle = async (data: ISearchIssueResponse[]) => { if (!workspaceSlug || !projectId || !cycleId) return; const issueIds = data.map((i) => i.id); await cycleIssueStore .addIssueToCycle(workspaceSlug.toString(), projectId.toString(), cycleId.toString(), issueIds) .catch(() => { setToastAlert({ type: "error", title: "Error!", message: "Selected issues could not be added to the cycle. Please try again.", }); }); }; return ( <> setCycleIssuesListModal(false)} searchParams={{ cycle: true }} handleOnSubmit={handleAddIssuesToCycle} />
, onClick: () => commandPaletteStore.toggleCreateIssueModal(true), }} secondaryButton={ } />
); });