import { useRouter } from "next/router"; // ui import { Tooltip, StateGroupIcon } from "@plane/ui"; // helpers import { renderShortDate } from "helpers/date-time.helper"; // types import { IIssue } from "types"; export const IssueGanttBlock = ({ data }: { data: IIssue }) => { const router = useRouter(); const handleIssuePeekOverview = () => { const { query } = router; router.push({ pathname: router.pathname, query: { ...query, peekIssueId: data?.id, peekProjectId: data?.project }, }); }; return (
{data?.name}
{renderShortDate(data?.start_date ?? "")} to {renderShortDate(data?.target_date ?? "")}
} position="top-left" >
{data?.name}
); }; // rendering issues on gantt sidebar export const IssueGanttSidebarBlock = ({ data }: { data: IIssue }) => { const router = useRouter(); const handleIssuePeekOverview = () => { const { query } = router; router.push({ pathname: router.pathname, query: { ...query, peekIssueId: data?.id, peekProjectId: data?.project }, }); }; return (
{data?.project_detail?.identifier} {data?.sequence_id}
{data?.name}
); };