diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
index 61b800199c..58670a6e1e 100644
--- a/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
@@ -35,44 +35,45 @@ export const ProjectSettings = () => {
const actionsEnabled = useUiFlag('automatedActions');
+ const paidTabs = (...tabs: ITab[]) =>
+ isPro() || isEnterprise() ? tabs : [];
+
const tabs: ITab[] = [
- ...(isPro() || isEnterprise()
- ? [
- {
- id: '',
- label: 'Settings',
- },
- {
- id: 'access',
- label: 'Access',
- },
- {
- id: 'segments',
- label: 'Segments',
- },
- {
- id: 'change-requests',
- label: 'Change request configuration',
- icon: isPro() ? (
-
-
-
- ) : undefined,
- },
- ]
- : []),
+ ...paidTabs(
+ {
+ id: '',
+ label: 'Project settings',
+ },
+ {
+ id: 'access',
+ label: 'User access',
+ },
+ ),
+ {
+ id: 'api-access',
+ label: 'API access',
+ },
+ ...paidTabs({
+ id: 'segments',
+ label: 'Segments',
+ }),
{
id: 'environments',
label: 'Environments',
},
- {
- id: 'api-access',
- label: 'API access',
- },
{
id: 'default-strategy',
label: 'Default strategy',
},
+ ...paidTabs({
+ id: 'change-requests',
+ label: 'Change request configuration',
+ icon: isPro() ? (
+
+
+
+ ) : undefined,
+ }),
];
if (actionsEnabled) {
diff --git a/frontend/src/component/project/ProjectAccess/ProjectAccess.tsx b/frontend/src/component/project/ProjectAccess/ProjectAccess.tsx
index f4f9625df1..b8ddb8cf44 100644
--- a/frontend/src/component/project/ProjectAccess/ProjectAccess.tsx
+++ b/frontend/src/component/project/ProjectAccess/ProjectAccess.tsx
@@ -24,7 +24,7 @@ export const ProjectAccess = () => {
if (isOss()) {
return (
}
+ header={}
sx={{ justifyContent: 'center' }}
>
@@ -34,7 +34,7 @@ export const ProjectAccess = () => {
if (!hasAccess([UPDATE_PROJECT, PROJECT_USER_ACCESS_READ], projectId)) {
return (
- }>
+ }>
You need project owner permissions to access this section.
diff --git a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx
index 05b873cd57..df4b7aca42 100644
--- a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx
+++ b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx
@@ -402,7 +402,7 @@ export const ProjectAccessTable: VFC = () => {
header={