40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
/**
|
|
* 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>
|
|
);
|
|
});
|