diff --git a/frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx b/frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx index 6d238ac70..6be963e2b 100644 --- a/frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx +++ b/frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx @@ -16,6 +16,8 @@ import { faSignOut, faToolbox, faUser, + faUserCog, + faUserPlus, faUsers } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; @@ -26,6 +28,7 @@ import { twMerge } from "tailwind-merge"; import { Mfa } from "@app/components/auth/Mfa"; import { createNotification } from "@app/components/notifications"; +import { OrgPermissionCan } from "@app/components/permissions"; import SecurityClient from "@app/components/utilities/SecurityClient"; import { BreadcrumbContainer, @@ -45,7 +48,13 @@ import { } from "@app/components/v2"; import { Badge, InstanceIcon, OrgIcon, SubOrgIcon } from "@app/components/v3"; import { envConfig } from "@app/config/env"; -import { useOrganization, useSubscription, useUser } from "@app/context"; +import { + OrgPermissionActions, + OrgPermissionSubjects, + useOrganization, + useSubscription, + useUser +} from "@app/context"; import { isInfisicalCloud } from "@app/helpers/platform"; import { useToggle } from "@app/hooks"; import { @@ -579,17 +588,23 @@ export const Navbar = () => { Server Console ) : ( - - - Invite Members - + + {(isAllowed) => + isAllowed ? ( + + + Invite Members + + ) : null + } + ) ) : null} @@ -673,8 +688,27 @@ export const Navbar = () => { - Personal Settings + }> + Personal Settings + + + {(isAllowed) => + isAllowed ? ( + + }> + Invite Members + + + ) : null + } +