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={