mirror of
https://github.com/makeplane/plane.git
synced 2025-12-21 22:29:36 +01:00
9cfde896b3
* [WEB-5134] refactor: update `web` ESLint configuration and refactor imports to use type imports - Enhanced ESLint configuration by adding new rules for import consistency and type imports. - Refactored multiple files to replace regular imports with type imports for better clarity and performance. - Ensured consistent use of type imports across the application to align with TypeScript best practices. * refactor: standardize type imports across components - Updated multiple files to replace regular imports with type imports for improved clarity and consistency. - Ensured adherence to TypeScript best practices in the rich filters and issue layouts components.
71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
"use client";
|
|
|
|
import type { FC } from "react";
|
|
import { observer } from "mobx-react";
|
|
// plane imports
|
|
import { EProjectFeatureKey } from "@plane/constants";
|
|
import type { ISvgIcons } from "@plane/propel/icons";
|
|
import { BreadcrumbNavigationDropdown, Breadcrumbs } from "@plane/ui";
|
|
// components
|
|
import { SwitcherLabel } from "@/components/common/switcher-label";
|
|
import type { TNavigationItem } from "@/components/workspace/sidebar/project-navigation";
|
|
// hooks
|
|
import { useProject } from "@/hooks/store/use-project";
|
|
import { useAppRouter } from "@/hooks/use-app-router";
|
|
// local imports
|
|
import { getProjectFeatureNavigation } from "../projects/navigation/helper";
|
|
|
|
type TProjectFeatureBreadcrumbProps = {
|
|
workspaceSlug: string;
|
|
projectId: string;
|
|
featureKey: EProjectFeatureKey;
|
|
isLast?: boolean;
|
|
additionalNavigationItems?: TNavigationItem[];
|
|
};
|
|
|
|
export const ProjectFeatureBreadcrumb = observer((props: TProjectFeatureBreadcrumbProps) => {
|
|
const { workspaceSlug, projectId, featureKey, isLast = false, additionalNavigationItems } = props;
|
|
// router
|
|
const router = useAppRouter();
|
|
// store hooks
|
|
const { getPartialProjectById } = useProject();
|
|
// derived values
|
|
const project = getPartialProjectById(projectId);
|
|
|
|
if (!project) return null;
|
|
|
|
const navigationItems = getProjectFeatureNavigation(workspaceSlug, projectId, project);
|
|
|
|
// if additional navigation items are provided, add them to the navigation items
|
|
const allNavigationItems = [...(additionalNavigationItems || []), ...navigationItems];
|
|
|
|
return (
|
|
<>
|
|
<Breadcrumbs.Item
|
|
component={
|
|
<BreadcrumbNavigationDropdown
|
|
selectedItemKey={featureKey}
|
|
navigationItems={allNavigationItems
|
|
.filter((item) => item.shouldRender)
|
|
.map((item) => ({
|
|
key: item.key,
|
|
title: item.name,
|
|
customContent: <SwitcherLabel name={item.name} LabelIcon={item.icon as FC<ISvgIcons>} />,
|
|
action: () => router.push(item.href),
|
|
icon: item.icon as FC<ISvgIcons>,
|
|
}))}
|
|
handleOnClick={() => {
|
|
router.push(
|
|
`/${workspaceSlug}/projects/${projectId}/${featureKey === EProjectFeatureKey.WORK_ITEMS ? "issues" : featureKey}/`
|
|
);
|
|
}}
|
|
isLast={isLast}
|
|
/>
|
|
}
|
|
showSeparator={false}
|
|
isLast={isLast}
|
|
/>
|
|
</>
|
|
);
|
|
});
|