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.
42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import type { FC } from "react";
|
|
import { isEmpty } from "lodash-es";
|
|
import { observer } from "mobx-react";
|
|
// plane helpers
|
|
import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
|
|
// components
|
|
import { SidebarWrapper } from "@/components/sidebar/sidebar-wrapper";
|
|
import { SidebarFavoritesMenu } from "@/components/workspace/sidebar/favorites/favorites-menu";
|
|
import { SidebarProjectsList } from "@/components/workspace/sidebar/projects-list";
|
|
import { SidebarQuickActions } from "@/components/workspace/sidebar/quick-actions";
|
|
import { SidebarMenuItems } from "@/components/workspace/sidebar/sidebar-menu-items";
|
|
// hooks
|
|
import { useFavorite } from "@/hooks/store/use-favorite";
|
|
import { useUserPermissions } from "@/hooks/store/user";
|
|
// plane web components
|
|
import { SidebarTeamsList } from "@/plane-web/components/workspace/sidebar/teams-sidebar-list";
|
|
|
|
export const AppSidebar: FC = observer(() => {
|
|
// store hooks
|
|
const { allowPermissions } = useUserPermissions();
|
|
const { groupedFavorites } = useFavorite();
|
|
|
|
// derived values
|
|
const canPerformWorkspaceMemberActions = allowPermissions(
|
|
[EUserPermissions.ADMIN, EUserPermissions.MEMBER],
|
|
EUserPermissionsLevel.WORKSPACE
|
|
);
|
|
|
|
const isFavoriteEmpty = isEmpty(groupedFavorites);
|
|
|
|
return (
|
|
<SidebarWrapper title="Projects" quickActions={<SidebarQuickActions />}>
|
|
<SidebarMenuItems />
|
|
{/* Favorites Menu */}
|
|
{canPerformWorkspaceMemberActions && !isFavoriteEmpty && <SidebarFavoritesMenu />}
|
|
{/* Teams List */}
|
|
<SidebarTeamsList />
|
|
{/* Projects List */}
|
|
<SidebarProjectsList />
|
|
</SidebarWrapper>
|
|
);
|
|
});
|