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

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

@@ -8,11 +8,13 @@ import { useCallback, useEffect } from "react";
 import { observer } from "mobx-react";
 import { PanelLeft } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
+import { Badge } from "@plane/propel/badge";
 import { Button } from "@plane/propel/button";
 import { IconButton } from "@plane/propel/icon-button";
-import { ChevronDownIcon, ChevronUpIcon, LinkIcon, NewTabIcon } from "@plane/propel/icons";
+import { CheckCircleFilledIcon, ChevronDownIcon, ChevronUpIcon, CloseCircleFilledIcon, LinkIcon, NewTabIcon } from "@plane/propel/icons";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { TExternalContourRequest, TNameDescriptionLoader } from "@plane/types";
+import { EInboxIssueCurrentTab } from "@plane/types";
 import { ControlLink, Header, Row } from "@plane/ui";
 import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils";
 import { NameDescriptionUpdateStatus } from "@/components/issues/issue-update-status";
@@ -43,11 +45,13 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
   } = props;
   const { t } = useTranslation();
   const router = useAppRouter();
-  const { currentTab, filteredRequestIds } = useProjectExternalContours();
+  const { currentTab, decideRequest, filteredRequestIds, handleCurrentTab } = useProjectExternalContours();
   const { getProjectById } = useProject();
 
   const issue = contourRequest.issue;
   const currentRequestId = contourRequest.id;
+  const canReviewClosedRequest = contourRequest.status === "closed" && contourRequest.source_decision !== "accepted";
+  const isSourceAccepted = contourRequest.source_decision === "accepted";
 
   const redirectToRelativeIssue = useCallback(
     (direction: "next" | "prev") => {
@@ -92,6 +96,33 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
       })
     );
 
+  const handleDecision = async (action: "accept" | "decline") => {
+    try {
+      await decideRequest(workspaceSlug, sourceProjectId, contourRequest.id, action);
+      if (action === "decline") {
+        await handleCurrentTab(workspaceSlug, sourceProjectId, EInboxIssueCurrentTab.OPEN);
+        router.push(
+          `/${workspaceSlug}/projects/${sourceProjectId}/external-contours?currentTab=${EInboxIssueCurrentTab.OPEN}&inboxIssueId=${contourRequest.id}`
+        );
+      }
+      setToast({
+        type: TOAST_TYPE.SUCCESS,
+        title: t("success"),
+        message: t(
+          action === "accept"
+            ? "external_contours_page.actions.accept_success"
+            : "external_contours_page.actions.decline_success"
+        ),
+      });
+    } catch (error: any) {
+      setToast({
+        type: TOAST_TYPE.ERROR,
+        title: t("error"),
+        message: error?.error || t("external_contours_page.actions.decision_error"),
+      });
+    }
+  };
+
   return (
     <>
       <Row className="relative z-15 hidden h-full w-full items-center justify-between gap-2 border-b border-subtle bg-surface-1 lg:flex">
@@ -114,6 +145,23 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
           </div>
 
           <div className="flex flex-wrap items-center gap-2">
+            {canReviewClosedRequest && (
+              <>
+                <Button variant="secondary" size="lg" onClick={() => handleDecision("accept")}>
+                  <CheckCircleFilledIcon className="size-4 shrink-0 text-success-secondary" />
+                  {t("external_contours_page.actions.accept")}
+                </Button>
+                <Button variant="secondary" size="lg" onClick={() => handleDecision("decline")}>
+                  <CloseCircleFilledIcon className="size-4 shrink-0 text-danger-secondary" />
+                  {t("external_contours_page.actions.decline")}
+                </Button>
+              </>
+            )}
+
+            {isSourceAccepted && (
+              <Badge variant="neutral">{t("external_contours_page.traceability.source_decision_accepted")}</Badge>
+            )}
+
             <Button variant="secondary" size="lg" prependIcon={<LinkIcon className="h-2.5 w-2.5" />} onClick={handleCopyLink}>
               {t("external_contours_page.actions.copy")}
             </Button>
@@ -136,6 +184,19 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
         <div className="flex w-full items-center gap-2">
           <ExternalContourStatePill request={contourRequest} />
           <div className="ml-auto flex items-center gap-2">
+            {canReviewClosedRequest && (
+              <>
+                <Button variant="secondary" size="sm" onClick={() => handleDecision("accept")}>
+                  {t("external_contours_page.actions.accept")}
+                </Button>
+                <Button variant="secondary" size="sm" onClick={() => handleDecision("decline")}>
+                  {t("external_contours_page.actions.decline")}
+                </Button>
+              </>
+            )}
+            {isSourceAccepted && (
+              <Badge variant="neutral">{t("external_contours_page.traceability.source_decision_accepted")}</Badge>
+            )}
             {hasDirectTargetAccess && (
               <ControlLink href={workItemLink} onClick={() => router.push(workItemLink)} target="_self">
                 <Button variant="secondary" size="sm">