mirror of
https://github.com/makeplane/plane.git
synced 2025-12-23 07:09:34 +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.
81 lines
2.3 KiB
TypeScript
81 lines
2.3 KiB
TypeScript
import { ExternalLink, Link, Pencil, Trash2 } from "lucide-react";
|
|
import { useTranslation } from "@plane/i18n";
|
|
import type { EIssueLayoutTypes, IProjectView } from "@plane/types";
|
|
import type { TContextMenuItem } from "@plane/ui";
|
|
import type { TWorkspaceLayoutProps } from "@/components/views/helper";
|
|
|
|
export type TLayoutSelectionProps = {
|
|
onChange: (layout: EIssueLayoutTypes) => void;
|
|
selectedLayout: EIssueLayoutTypes;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
export const GlobalViewLayoutSelection = (props: TLayoutSelectionProps) => <></>;
|
|
|
|
export const WorkspaceAdditionalLayouts = (props: TWorkspaceLayoutProps) => <></>;
|
|
|
|
export type TMenuItemsFactoryProps = {
|
|
isOwner: boolean;
|
|
isAdmin: boolean;
|
|
setDeleteViewModal: (open: boolean) => void;
|
|
setCreateUpdateViewModal: (open: boolean) => void;
|
|
handleOpenInNewTab: () => void;
|
|
handleCopyText: () => void;
|
|
isLocked: boolean;
|
|
workspaceSlug: string;
|
|
projectId?: string;
|
|
viewId: string;
|
|
};
|
|
|
|
export const useMenuItemsFactory = (props: TMenuItemsFactoryProps) => {
|
|
const { isOwner, isAdmin, setDeleteViewModal, setCreateUpdateViewModal, handleOpenInNewTab, handleCopyText } = props;
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const editMenuItem = () => ({
|
|
key: "edit",
|
|
action: () => setCreateUpdateViewModal(true),
|
|
title: t("edit"),
|
|
icon: Pencil,
|
|
shouldRender: isOwner,
|
|
});
|
|
|
|
const openInNewTabMenuItem = () => ({
|
|
key: "open-new-tab",
|
|
action: handleOpenInNewTab,
|
|
title: t("open_in_new_tab"),
|
|
icon: ExternalLink,
|
|
});
|
|
|
|
const copyLinkMenuItem = () => ({
|
|
key: "copy-link",
|
|
action: handleCopyText,
|
|
title: t("copy_link"),
|
|
icon: Link,
|
|
});
|
|
|
|
const deleteMenuItem = () => ({
|
|
key: "delete",
|
|
action: () => setDeleteViewModal(true),
|
|
title: t("delete"),
|
|
icon: Trash2,
|
|
shouldRender: isOwner || isAdmin,
|
|
});
|
|
|
|
return {
|
|
editMenuItem,
|
|
openInNewTabMenuItem,
|
|
copyLinkMenuItem,
|
|
deleteMenuItem,
|
|
};
|
|
};
|
|
|
|
export const useViewMenuItems = (props: TMenuItemsFactoryProps): TContextMenuItem[] => {
|
|
const factory = useMenuItemsFactory(props);
|
|
|
|
return [factory.editMenuItem(), factory.openInNewTabMenuItem(), factory.copyLinkMenuItem(), factory.deleteMenuItem()];
|
|
};
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
export const AdditionalHeaderItems = (view: IProjectView) => <></>;
|