83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
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 = observer(function AppSidebar() {
|
|
// 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>
|
|
);
|
|
});
|