ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: frontend read-layer и первый экран двусторонней доски внешних контуров

plane-src/apps/web/ce/components/projects/external-contours/content-root.tsx

@@ -20,16 +20,15 @@ type Props = {
   workspaceSlug: string;
   projectId: string;
   inboxIssueId: string;
-  isMobileSidebar: boolean;
-  setIsMobileSidebar: (value: boolean) => void;
 };
 
 export const ExternalContoursContentRoot = observer(function ExternalContoursContentRoot(props: Props) {
-  const { workspaceSlug, projectId, inboxIssueId, isMobileSidebar, setIsMobileSidebar } = props;
+  const { workspaceSlug, projectId, inboxIssueId } = props;
   const router = useAppRouter();
   const [isSubmitting, setIsSubmitting] = useState<TNameDescriptionLoader>("saved");
+  const [isDetailResolved, setIsDetailResolved] = useState(false);
   const { data: currentUser } = useUser();
-  const { currentTab, fetchRequestById, getRequestById, getIsRequestAvailable } = useProjectExternalContours();
+  const { currentTab, fetchRequestById, getRequestById } = useProjectExternalContours();
   const contourRequest = getRequestById(inboxIssueId);
   const issue = contourRequest?.issue;
   const targetProjectId = issue?.project_id || projectId;
@@ -38,20 +37,24 @@ export const ExternalContoursContentRoot = observer(function ExternalContoursCon
     targetProjectId && getProjectRoleByWorkspaceSlugAndProjectId(workspaceSlug, targetProjectId) !== undefined
   );
 
-  const isIssueAvailable = getIsRequestAvailable(inboxIssueId?.toString() || "");
-
   useEffect(() => {
-    if (!isIssueAvailable && inboxIssueId) {
+    if (isDetailResolved && !contourRequest && inboxIssueId) {
       router.replace(`/${workspaceSlug}/projects/${projectId}/external-contours?currentTab=${currentTab}`);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isIssueAvailable]);
+  }, [contourRequest, currentTab, inboxIssueId, isDetailResolved, projectId, router, workspaceSlug]);
 
   useSWR(
     workspaceSlug && projectId && inboxIssueId
       ? `PROJECT_EXTERNAL_CONTOUR_DETAIL_${workspaceSlug}_${projectId}_${inboxIssueId}`
       : null,
-    workspaceSlug && projectId && inboxIssueId ? () => fetchRequestById(workspaceSlug, projectId, inboxIssueId) : null,
+    workspaceSlug && projectId && inboxIssueId
+      ? async () => {
+          const request = await fetchRequestById(workspaceSlug, projectId, inboxIssueId);
+          setIsDetailResolved(true);
+          return request;
+        }
+      : null,
     {
       revalidateOnFocus: !hasDirectTargetAccess,
       revalidateIfStale: !hasDirectTargetAccess,
@@ -81,8 +84,6 @@ export const ExternalContoursContentRoot = observer(function ExternalContoursCon
     <div className="relative flex h-full w-full flex-col overflow-hidden pt-6">
       <div className="z-[11] min-h-[52px] flex-shrink-0">
         <ExternalContoursIssueActionsHeader
-          setIsMobileSidebar={setIsMobileSidebar}
-          isMobileSidebar={isMobileSidebar}
           workspaceSlug={workspaceSlug}
           sourceProjectId={projectId}
           contourRequest={contourRequest}