import Link from "next/link"; import { useRouter } from "next/router"; import { observer } from "mobx-react-lite"; import { Draggable } from "@hello-pangea/dnd"; // components import { IssuePeekOverview } from "components/issues/issue-peek-overview"; import { Tooltip } from "@plane/ui"; // types import { IIssue } from "types"; type Props = { issues: IIssue[] | null; handleIssues: (date: string, issue: IIssue, action: "update" | "delete") => void; quickActions: (issue: IIssue) => React.ReactNode; }; export const CalendarIssueBlocks: React.FC = observer((props) => { const { issues, handleIssues, quickActions } = props; const router = useRouter(); const { workspaceSlug } = router.query; return ( <> {issues?.map((issue, index) => ( {(provided, snapshot) => (
{issue?.tempId !== undefined && (
)}
{issue.project_detail.identifier}-{issue.sequence_id}
{ handleIssues(issue.target_date ?? "", { ...issue, ...issueToUpdate }, "update"); }} >
{issue.name}
{quickActions(issue)}
)} ))} ); });