import React from "react"; // hooks import { useIssueDetail } from "hooks/store"; // components import { StateDropdown } from "components/dropdowns"; // types import { TIssue, IState } from "@plane/types"; type Props = { issueId: string; onChange: (issue: TIssue, data: Partial) => void; states: IState[] | undefined; expandedIssues: string[]; disabled: boolean; }; export const SpreadsheetStateColumn: React.FC = (props) => { const { issueId, onChange, states, expandedIssues, disabled } = props; const { subIssues: subIssuesStore, issue } = useIssueDetail(); const issueDetail = issue.getIssueById(issueId); const subIssues = subIssuesStore.subIssuesByIssueId(issueId); const isExpanded = expandedIssues.indexOf(issueId) > -1; // const { subIssues, isLoading, mutateSubIssues } = useSubIssue(issue.project_id, issue.id, isExpanded); return ( <> {issueDetail && (
onChange(issueDetail, { state_id: data })} disabled={disabled} buttonVariant="transparent-with-text" buttonClassName="rounded-none text-left" buttonContainerClassName="w-full" />
)} {isExpanded && subIssues && subIssues.length > 0 && subIssues.map((subIssueId) => ( ))} ); };