import React from "react"; // components import { IssuePropertyLabels } from "../../properties"; // hooks import useSubIssue from "hooks/use-sub-issue"; // types import { IIssue, IIssueLabels } from "types"; type Props = { issue: IIssue; onChange: (formData: Partial) => void; labels: IIssueLabels[] | undefined; expandedIssues: string[]; disabled: boolean; }; export const SpreadsheetLabelColumn: React.FC = (props) => { const { issue, onChange, labels, expandedIssues, disabled } = props; const isExpanded = expandedIssues.indexOf(issue.id) > -1; const { subIssues, isLoading } = useSubIssue(issue.project_detail.id, issue.id, isExpanded); return ( <> onChange({ labels: data })} className="h-full w-full" buttonClassName="!shadow-none !border-0 h-full w-full px-2.5 py-1 " noLabelBorder hideDropdownArrow maxRender={1} disabled={disabled} /> {isExpanded && !isLoading && subIssues && subIssues.length > 0 && subIssues.map((subIssue: IIssue) => ( ))} ); };