import React from "react"; import Link from "next/link"; import { useRouter } from "next/router"; // ui import { Loader } from "@plane/ui"; // hooks import { EUserProjectRoles, PROJECT_SETTINGS_LINKS } from "constants/project"; import { useUser } from "hooks/store"; // constants export const ProjectSettingsSidebar = () => { const router = useRouter(); const { workspaceSlug, projectId } = router.query; // mobx store const { membership: { currentProjectRole }, } = useUser(); const projectMemberInfo = currentProjectRole || EUserProjectRoles.GUEST; if (!currentProjectRole) { return (
SETTINGS {[...Array(8)].map((index) => ( ))}
); } return (
SETTINGS
{PROJECT_SETTINGS_LINKS.map( (link) => projectMemberInfo >= link.access && (
{link.label}
) )}
); };