Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-24 01:18:01 +02:00
Code Issues Projects Releases Wiki Activity

chore: re-order project settings menu (#8626)

Browse Source 
This PR re-orders the project settings menu according to the new design.
It also renames pages as specified. It does *not* add the new
"applications and sdks" link because we don't have that page yet.

I have not put this change behind a flag, because it's not a new feature
and doesn't really change the user experience. However, I'd be happy to
flag it if you think that's better.


![image](https://github.com/user-attachments/assets/42dc3348-e873-49b2-9bd7-8c3b3f4a2532)


The header for the user access tab has also been updated:

![image](https://github.com/user-attachments/assets/7c61da17-2b28-4f39-a9d4-83d9ec1903cd)
This commit is contained in:
Thomas Heartman 2024-11-01 10:29:25 +01:00 committed by GitHub
parent dc1847420c
commit bbe389d19e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 33 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
View File

@ -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() ? (
<StyledBadgeContainer>
<EnterpriseBadge />
</StyledBadgeContainer>
) : 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() ? (
<StyledBadgeContainer>
<EnterpriseBadge />
</StyledBadgeContainer>
) : undefined,
}),
];
if (actionsEnabled) {

4
frontend/src/component/project/ProjectAccess/ProjectAccess.tsx
View File

@ -24,7 +24,7 @@ export const ProjectAccess = () => {
if (isOss()) {
return (
<PageContent
header={<PageHeader title='Access' />}
header={<PageHeader title='User access' />}
sx={{ justifyContent: 'center' }}
>
<PremiumFeature feature='access' />
@ -34,7 +34,7 @@ export const ProjectAccess = () => {
if (!hasAccess([UPDATE_PROJECT, PROJECT_USER_ACCESS_READ], projectId)) {
return (
<PageContent header={<PageHeader title='Access' />}>
<PageContent header={<PageHeader title='User access' />}>
<Alert severity='error'>
You need project owner permissions to access this section.
</Alert>

2
frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx
View File

@ -402,7 +402,7 @@ export const ProjectAccessTable: VFC = () => {
header={
<PageHeader
secondary
title={`Access (${
title={`User access (${
rows.length < data.length
? `${rows.length} of ${data.length}`
: data.length