forked from github/plane
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { FC } from "react";
|
|
import { observer } from "mobx-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<TLabelList> = observer((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) => (
|
|
<LabelListItem
|
|
key={labelId}
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
labelId={labelId}
|
|
labelOperations={labelOperations}
|
|
disabled={disabled}
|
|
/>
|
|
))}
|
|
</>
|
|
);
|
|
});
|