// components import { KanBanProperties } from "./properties"; import { IssuePeekOverview } from "components/issues/issue-peek-overview"; // ui import { Tooltip } from "@plane/ui"; // types import { IIssue, IIssueDisplayProperties } from "types"; interface IssueBlockProps { columnId: string; issue: IIssue; handleIssues: (group_by: string | null, issue: IIssue, action: "update" | "delete") => void; quickActions: (group_by: string | null, issue: IIssue) => React.ReactNode; displayProperties: IIssueDisplayProperties; isReadonly?: boolean; showEmptyGroup?: boolean; } export const IssueBlock: React.FC = (props) => { const { columnId, issue, handleIssues, quickActions, displayProperties, showEmptyGroup, isReadonly } = props; const updateIssue = (group_by: string | null, issueToUpdate: IIssue) => { handleIssues(group_by, issueToUpdate, "update"); }; return ( <>
{displayProperties && displayProperties?.key && (
{issue?.project_detail?.identifier}-{issue.sequence_id}
)} {issue?.tempId !== undefined && (
)} { handleIssues(!columnId && columnId === "null" ? null : columnId, issueToUpdate as IIssue, "update"); }} >
{issue.name}
{quickActions(!columnId && columnId === "null" ? null : columnId, issue)}
); };