ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: унификация фильтров внешнего контура с внутренним rich-filters слоем

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

@@ -9,10 +9,12 @@ import { observer } from "mobx-react";
 import { TransferIcon } from "@plane/propel/icons";
 import type { TInboxIssueCurrentTab } from "@plane/types";
 import { EInboxIssueCurrentTab } from "@plane/types";
+import { FiltersRow } from "@/components/rich-filters/filters-row";
 import { useProjectExternalContoursBoard } from "@/hooks/store/use-project-external-contours-board";
 import { useProjectExternalContours } from "@/hooks/store/use-project-external-contours";
 import { ExternalContoursBoardRoot } from "./board-root";
 import { ExternalContoursContentRoot } from "./content-root";
+import { useExternalContoursFilter } from "./filters/provider";
 
 type TExternalContoursRoot = {
   workspaceSlug: string;
@@ -31,6 +33,7 @@ export const ExternalContoursRoot = observer(function ExternalContoursRoot(props
     fetchBoard,
     loader: boardLoader,
   } = useProjectExternalContoursBoard();
+  const filter = useExternalContoursFilter();
 
   useEffect(() => {
     if (!workspaceSlug || !projectId) return;
@@ -84,15 +87,19 @@ export const ExternalContoursRoot = observer(function ExternalContoursRoot(props
   }
 
   return (
-    <div className="flex h-full w-full overflow-hidden bg-surface-1 pt-2">
-      <ExternalContoursBoardRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
-      {inboxIssueId && (
-        <ExternalContoursContentRoot
-          workspaceSlug={workspaceSlug.toString()}
-          projectId={projectId.toString()}
-          inboxIssueId={inboxIssueId.toString()}
-        />
-      )}
+    <div className="flex h-full w-full flex-col overflow-hidden bg-surface-1">
+      {filter && <FiltersRow filter={filter} />}
+
+      <div className="flex min-h-0 flex-1 overflow-hidden pt-2">
+        <ExternalContoursBoardRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
+        {inboxIssueId && (
+          <ExternalContoursContentRoot
+            workspaceSlug={workspaceSlug.toString()}
+            projectId={projectId.toString()}
+            inboxIssueId={inboxIssueId.toString()}
+          />
+        )}
+      </div>
     </div>
   );
 });