import { FC } from "react"; // components import { useIssueDetail } from "hooks/store"; import { LabelListItem } from "./label-list-item"; // hooks // types import { TLabelOperations } from "./root"; type TLabelList = { workspaceSlug: string; projectId: string; issueId: string; labelOperations: TLabelOperations; disabled: boolean; }; export const LabelList: FC = (props) => { const { workspaceSlug, projectId, issueId, labelOperations, disabled } = props; // hooks const { issue: { getIssueById }, } = useIssueDetail(); const issue = getIssueById(issueId); const issueLabels = issue?.label_ids || undefined; if (!issue || !issueLabels) return <>; return ( <> {issueLabels.map((labelId) => ( ))} ); };