UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: каркас вкладки внешние контуры

2026-04-18 20:20:28 +03:00
parent a59f09e2f0
commit c76f519488
9 changed files with 229 additions and 18 deletions
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
+import { useTranslation } from "@plane/i18n";
+import { TransferIcon } from "@plane/propel/icons";
+import { Breadcrumbs, Header } from "@plane/ui";
+import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
+import { CommonProjectBreadcrumbs } from "@/plane-web/components/breadcrumbs/common";
+
+export const ProjectExternalContoursHeader = observer(function ProjectExternalContoursHeader() {
+  const { workspaceSlug, projectId } = useParams();
+  const { t } = useTranslation();
+
+  return (
+    <Header>
+      <Header.LeftItem>
+        <Breadcrumbs>
+          <CommonProjectBreadcrumbs workspaceSlug={workspaceSlug?.toString()} projectId={projectId?.toString()} />
+          <Breadcrumbs.Item
+            component={
+              <BreadcrumbLink
+                label={t("external_contours_page.title")}
+                href={`/${workspaceSlug}/projects/${projectId}/external-contours/`}
+                icon={<TransferIcon className="h-4 w-4 text-tertiary" />}
+                isLast
+              />
+            }
+            isLast
+          />
+        </Breadcrumbs>
+      </Header.LeftItem>
+    </Header>
+  );
+});