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