ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: отправка во внешний контур и source-side список

plane-src/apps/web/ce/components/projects/external-contours/issue-properties.tsx

@@ -7,52 +7,39 @@
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
 import {
-  DuplicatePropertyIcon,
   DueDatePropertyIcon,
   LabelPropertyIcon,
   MembersPropertyIcon,
   PriorityPropertyIcon,
   StatePropertyIcon,
 } from "@plane/propel/icons";
-import { Tooltip } from "@plane/propel/tooltip";
-import type { TInboxDuplicateIssueDetails, TIssue } from "@plane/types";
-import { ControlLink } from "@plane/ui";
-import { generateWorkItemLink, getDate, renderFormattedPayloadDate } from "@plane/utils";
+import type { TIssue } from "@plane/types";
+import { Badge } from "@plane/propel/badge";
+import { getDate, renderFormattedPayloadDate } from "@plane/utils";
 import { DateDropdown } from "@/components/dropdowns/date";
 import { MemberDropdown } from "@/components/dropdowns/member/dropdown";
 import { PriorityDropdown } from "@/components/dropdowns/priority";
+import { IssueLabelSelect } from "@/components/issues/select";
 import type { TIssueOperations } from "@/components/issues/issue-detail";
-import { IssueLabel } from "@/components/issues/issue-detail/label";
-import { useProject } from "@/hooks/store/use-project";
-import { useAppRouter } from "@/hooks/use-app-router";
 
 type Props = {
   workspaceSlug: string;
-  projectId: string;
-  issue: Partial<TIssue>;
+  targetProjectId: string;
+  issue: Partial<TIssue> & {
+    project_detail?: { name?: string } | null;
+  };
   issueOperations: TIssueOperations;
   isEditable: boolean;
-  duplicateIssueDetails: TInboxDuplicateIssueDetails | undefined;
 };
 
 export const ExternalContoursIssueContentProperties = observer(function ExternalContoursIssueContentProperties(props: Props) {
-  const { workspaceSlug, projectId, issue, issueOperations, isEditable, duplicateIssueDetails } = props;
+  const { workspaceSlug, targetProjectId, issue, issueOperations, isEditable } = props;
   const { t } = useTranslation();
-  const router = useAppRouter();
-  const { currentProjectDetails } = useProject();
 
   const minDate = issue.start_date ? getDate(issue.start_date) : null;
   minDate?.setDate(minDate.getDate());
   if (!issue || !issue?.id) return <></>;
 
-  const duplicateWorkItemLink = generateWorkItemLink({
-    workspaceSlug: workspaceSlug?.toString(),
-    projectId,
-    issueId: duplicateIssueDetails?.id,
-    projectIdentifier: currentProjectDetails?.identifier,
-    sequenceId: duplicateIssueDetails?.sequence_id,
-  });
-
   return (
     <div className="flex w-full flex-col divide-y-2 divide-subtle-1">
       <div className="w-full overflow-y-auto">
@@ -64,8 +51,8 @@ export const ExternalContoursIssueContentProperties = observer(function External
                 <StatePropertyIcon className="h-4 w-4 flex-shrink-0" />
                 <span>{t("external_contours_page.properties.target_contour")}</span>
               </div>
-              <div className="w-3/5 flex-grow text-13 text-placeholder">
-                {t("external_contours_page.properties.target_contour_placeholder")}
+              <div className="w-3/5 flex-grow text-13">
+                <Badge variant="neutral">{issue.project_detail?.name || t("common.none")}</Badge>
               </div>
             </div>
 
@@ -76,9 +63,9 @@ export const ExternalContoursIssueContentProperties = observer(function External
               </div>
               <MemberDropdown
                 value={issue?.assignee_ids ?? []}
-                onChange={(val) => issue?.id && issueOperations.update(workspaceSlug, projectId, issue.id, { assignee_ids: val })}
+                onChange={(val) => issue?.id && issueOperations.update(workspaceSlug, targetProjectId, issue.id, { assignee_ids: val })}
                 disabled={!isEditable}
-                projectId={projectId?.toString() ?? ""}
+                projectId={targetProjectId}
                 placeholder={t("assignee")}
                 multiple
                 buttonVariant={(issue?.assignee_ids || []).length > 0 ? "transparent-without-text" : "transparent-with-text"}
@@ -98,7 +85,7 @@ export const ExternalContoursIssueContentProperties = observer(function External
               </div>
               <PriorityDropdown
                 value={issue?.priority}
-                onChange={(val) => issue?.id && issueOperations.update(workspaceSlug, projectId, issue.id, { priority: val })}
+                onChange={(val) => issue?.id && issueOperations.update(workspaceSlug, targetProjectId, issue.id, { priority: val })}
                 disabled={!isEditable}
                 buttonVariant="border-with-text"
                 className="w-3/5 flex-grow rounded-sm px-2 hover:bg-layer-1"
@@ -121,7 +108,7 @@ export const ExternalContoursIssueContentProperties = observer(function External
                 value={issue.target_date || null}
                 onChange={(val) =>
                   issue?.id &&
-                  issueOperations.update(workspaceSlug, projectId, issue.id, {
+                  issueOperations.update(workspaceSlug, targetProjectId, issue.id, {
                     target_date: val ? renderFormattedPayloadDate(val) : null,
                   })
                 }
@@ -142,34 +129,14 @@ export const ExternalContoursIssueContentProperties = observer(function External
                 <span>{t("labels")}</span>
               </div>
               <div className="h-full min-h-8 w-3/5 flex-grow pt-1">
-                {issue?.id && (
-                  <IssueLabel
-                    workspaceSlug={workspaceSlug}
-                    projectId={projectId}
-                    issueId={issue.id}
-                    disabled={!isEditable}
-                    isInboxIssue
-                    onLabelUpdate={(val: string[]) => issue?.id && issueOperations.update(workspaceSlug, projectId, issue.id, { label_ids: val })}
-                  />
-                )}
+                <IssueLabelSelect
+                  value={issue.label_ids || []}
+                  onChange={(labelIds) => issue?.id && issueOperations.update(workspaceSlug, targetProjectId, issue.id, { label_ids: labelIds })}
+                  projectId={targetProjectId}
+                  disabled={!isEditable}
+                />
               </div>
             </div>
-
-            {duplicateIssueDetails && (
-              <div className="flex min-h-8 gap-2">
-                <div className="flex w-2/5 flex-shrink-0 gap-1 pt-2 text-13 text-tertiary">
-                  <DuplicatePropertyIcon className="h-4 w-4 flex-shrink-0" />
-                  <span>{t("external_contours_page.properties.duplicate_of")}</span>
-                </div>
-                <ControlLink href={duplicateWorkItemLink} onClick={() => router.push(duplicateWorkItemLink)} target="_self">
-                  <Tooltip tooltipContent={`${duplicateIssueDetails?.name}`}>
-                    <span className="flex cursor-pointer items-center gap-1 rounded-sm bg-layer-1 px-1.5 py-1 pb-0.5 text-11 text-secondary">
-                      {`${currentProjectDetails?.identifier}-${duplicateIssueDetails?.sequence_id}`}
-                    </span>
-                  </Tooltip>
-                </ControlLink>
-              </div>
-            )}
           </div>
         </div>
       </div>