84 lines
2.5 KiB
TypeScript
84 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { observer } from "mobx-react";
|
|
// plane imports
|
|
import { useTranslation } from "@plane/i18n";
|
|
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
|
|
// components
|
|
import type { TIssueOperations } from "@/components/issues/issue-detail";
|
|
import { IssueParentSelect } from "@/components/issues/issue-detail/parent-select";
|
|
// hooks
|
|
import { useIssueDetail } from "@/hooks/store/use-issue-detail";
|
|
|
|
type TIssueParentSelect = {
|
|
className?: string;
|
|
disabled?: boolean;
|
|
issueId: string;
|
|
issueOperations: TIssueOperations;
|
|
projectId: string;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
export const IssueParentSelectRoot: React.FC<TIssueParentSelect> = observer((props) => {
|
|
const { issueId, issueOperations, projectId, workspaceSlug } = props;
|
|
const { t } = useTranslation();
|
|
// store hooks
|
|
const {
|
|
issue: { getIssueById },
|
|
} = useIssueDetail();
|
|
const {
|
|
toggleParentIssueModal,
|
|
removeSubIssue,
|
|
subIssues: { setSubIssueHelpers, fetchSubIssues },
|
|
} = useIssueDetail();
|
|
|
|
// derived values
|
|
const issue = getIssueById(issueId);
|
|
const parentIssue = issue?.parent_id ? getIssueById(issue.parent_id) : undefined;
|
|
|
|
const handleParentIssue = async (_issueId: string | null = null) => {
|
|
try {
|
|
await issueOperations.update(workspaceSlug, projectId, issueId, { parent_id: _issueId });
|
|
await issueOperations.fetch(workspaceSlug, projectId, issueId, false);
|
|
if (_issueId) await fetchSubIssues(workspaceSlug, projectId, _issueId);
|
|
toggleParentIssueModal(null);
|
|
} catch (error) {
|
|
console.error("something went wrong while fetching the issue");
|
|
}
|
|
};
|
|
|
|
const handleRemoveSubIssue = async (
|
|
workspaceSlug: string,
|
|
projectId: string,
|
|
parentIssueId: string,
|
|
issueId: string
|
|
) => {
|
|
try {
|
|
setSubIssueHelpers(parentIssueId, "issue_loader", issueId);
|
|
await removeSubIssue(workspaceSlug, projectId, parentIssueId, issueId);
|
|
await fetchSubIssues(workspaceSlug, projectId, parentIssueId);
|
|
setSubIssueHelpers(parentIssueId, "issue_loader", issueId);
|
|
} catch (error) {
|
|
setToast({
|
|
type: TOAST_TYPE.ERROR,
|
|
title: t("common.error.label"),
|
|
message: t("common.something_went_wrong"),
|
|
});
|
|
}
|
|
};
|
|
|
|
const workItemLink = `/${workspaceSlug}/projects/${parentIssue?.project_id}/issues/${parentIssue?.id}`;
|
|
|
|
if (!issue) return <></>;
|
|
|
|
return (
|
|
<IssueParentSelect
|
|
{...props}
|
|
handleParentIssue={handleParentIssue}
|
|
handleRemoveSubIssue={handleRemoveSubIssue}
|
|
workItemLink={workItemLink}
|
|
/>
|
|
);
|
|
});
|