ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: realtime канал карточек задач

plane-src/apps/web/core/components/issues/issue-layouts/issue-layout-HOC.tsx

@@ -5,6 +5,7 @@
  */
 
 import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
 // plane imports
 import { EIssueLayoutTypes } from "@plane/types";
 // components
@@ -15,6 +16,7 @@ import { ListLayoutLoader } from "@/components/ui/loader/layouts/list-layout-loa
 import { SpreadsheetLayoutLoader } from "@/components/ui/loader/layouts/spreadsheet-layout-loader";
 // hooks
 import { useIssues } from "@/hooks/store/use-issues";
+import { useIssueRealtimeEvents } from "@/hooks/use-issue-realtime-events";
 import { useIssueStoreType } from "@/hooks/use-issue-layout-store";
 // local imports
 import { IssueLayoutEmptyState } from "./empty-states";
@@ -44,9 +46,11 @@ interface Props {
 
 export const IssueLayoutHOC = observer(function IssueLayoutHOC(props: Props) {
   const { layout } = props;
+  const { workspaceSlug, projectId } = useParams();
 
   const storeType = useIssueStoreType();
   const { issues } = useIssues(storeType);
+  useIssueRealtimeEvents(storeType, workspaceSlug?.toString(), projectId?.toString());
 
   const issueCount = issues.getGroupIssueCount(undefined, undefined, false);