fix: align project roles checkboxes (#9123)

Fix checkbox alignment and grouping
Unleash · Jan 21, 2025 · 08a28c9 · 08a28c9
1 parent f268e1f
commit 08a28c9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/...src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionProjectItem.tsx b/...src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionProjectItem.tsx
@@ -1,10 +1,4 @@
-import {
-    Box,
-    Checkbox,
-    FormControlLabel,
-    styled,
-    Typography,
-} from '@mui/material';
+import { Box, Checkbox, FormControlLabel } from '@mui/material';
 import type { IPermission } from 'interfaces/permissions';
 
 type RolePermissionProjectItemProps = {
@@ -15,11 +9,6 @@ type RolePermissionProjectItemProps = {
     isParentPermissionChecked?: boolean;
 };
 
-const StyledLabel = styled(Typography)(({ theme }) => ({
-    lineHeight: 1.2,
-    marginBottom: theme.spacing(1),
-}));
-
 export const RolePermissionProjectItem = ({
     permission,
     onChange,
@@ -43,7 +32,7 @@ export const RolePermissionProjectItem = ({
                     disabled={isParentPermissionChecked}
                 />
             }
-            label={<StyledLabel>{permission.displayName}</StyledLabel>}
+            label={permission.displayName}
         />
     </Box>
 );
diff --git a/src/lib/types/permissions.ts b/src/lib/types/permissions.ts
@@ -205,6 +205,7 @@ export const PROJECT_PERMISSIONS_STRUCTURE: ProjectPermissionCategory[] = [
             [PROJECT_DEFAULT_STRATEGY_WRITE, UPDATE_PROJECT],
             [PROJECT_SETTINGS_READ, UPDATE_PROJECT],
             [PROJECT_SETTINGS_WRITE, UPDATE_PROJECT],
+            [DELETE_PROJECT],
         ],
     },
     {
@@ -213,7 +214,6 @@ export const PROJECT_PERMISSIONS_STRUCTURE: ProjectPermissionCategory[] = [
             [READ_PROJECT_API_TOKEN],
             [CREATE_PROJECT_API_TOKEN],
             [DELETE_PROJECT_API_TOKEN],
-            [DELETE_PROJECT],
         ],
     },
     {