import React from "react"; import { useRouter } from "next/router"; import useSWR from "swr"; // component import { Button, TransferIcon } from "@plane/ui"; // icon import { AlertCircle } from "lucide-react"; // services import { CycleService } from "services/cycle.service"; // fetch-key import { CYCLE_DETAILS } from "constants/fetch-keys"; type Props = { handleClick: () => void; }; const cycleService = new CycleService(); export const TransferIssues: React.FC = (props) => { const { handleClick } = props; const router = useRouter(); const { workspaceSlug, projectId, cycleId } = router.query; const { data: cycleDetails } = useSWR( cycleId ? CYCLE_DETAILS(cycleId as string) : null, workspaceSlug && projectId && cycleId ? () => cycleService.getCycleDetails(workspaceSlug as string, projectId as string, cycleId as string) : null ); const transferableIssuesCount = cycleDetails ? cycleDetails.backlog_issues + cycleDetails.unstarted_issues + cycleDetails.started_issues : 0; return (
Completed cycles are not editable.
{transferableIssuesCount > 0 && (
)}
); };