cfe710d492
* chore: app sidebar ui enhancements and code refactor * chore: code refactor * chore: code refactor
42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import { FC } from "react";
|
|
import isEmpty from "lodash/isEmpty";
|
|
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>
|
|
);
|
|
});
|