// components import { KanbanIssueBlock } from "components/issues"; import { IIssueDisplayProperties, IIssue } from "types"; import { EIssueActions } from "../types"; import { IIssueResponse } from "store/issues/types"; interface IssueBlocksListProps { sub_group_id: string; columnId: string; issues: IIssueResponse; issueIds: string[]; isDragDisabled: boolean; showEmptyGroup: boolean; handleIssues: (sub_group_by: string | null, group_by: string | null, issue: IIssue, action: EIssueActions) => void; quickActions: (sub_group_by: string | null, group_by: string | null, issue: IIssue) => React.ReactNode; displayProperties: IIssueDisplayProperties | null; isReadOnly: boolean; } export const KanbanIssueBlocksList: React.FC = (props) => { const { sub_group_id, columnId, issues, issueIds, showEmptyGroup, isDragDisabled, handleIssues, quickActions, displayProperties, isReadOnly, } = props; return ( <> {issueIds && issueIds.length > 0 ? ( <> {issueIds.map((issueId, index) => { if (!issues[issueId]) return null; const issue = issues[issueId]; return ( ); })} ) : ( !isDragDisabled && (
{/*
Drop here
*/}
) )} ); };