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
+ }
+