feat: choose project administrators on project creation

frontend/common/services/useRolePermission.ts

@@ -6,6 +6,18 @@ export const rolePermissionService = service
   .enhanceEndpoints({ addTagTypes: ['rolePermission'] })
   .injectEndpoints({
     endpoints: (builder) => ({
+      createProjectRolePermission: builder.mutation<
+        Res['rolePermission'],
+        Req['createProjectRolePermission']
+      >({
+        invalidatesTags: () => [{ type: 'rolePermission' }],
+        query: (query: Req['createProjectRolePermission']) => ({
+          body: query.body,
+          method: 'POST',
+          url: `organisations/${query.organisation_id}/roles/${query.role_id}/projects-permissions/`,
+        }),
+      }),
+
       createRolePermissions: builder.mutation<
         Res['rolePermission'],
         Req['createRolePermission']
@@ -165,6 +177,7 @@ export async function createRolePermissions(
 // END OF FUNCTION_EXPORTS
 
 export const {
+  useCreateProjectRolePermissionMutation,
   useCreateRolePermissionsMutation,
   useGetRoleEnvironmentPermissionsQuery,
   useGetRoleOrganisationPermissionsQuery,

frontend/common/services/useUserPermissions.ts

@@ -6,6 +6,17 @@ export const userPermissionsService = service
   .enhanceEndpoints({ addTagTypes: ['UserPermissions'] })
   .injectEndpoints({
     endpoints: (builder) => ({
+      createProjectUserPermission: builder.mutation<
+        Res['userPermissions'],
+        Req['createProjectUserPermission']
+      >({
+        invalidatesTags: [{ id: 'LIST', type: 'UserPermissions' }],
+        query: ({ body, projectId }: Req['createProjectUserPermission']) => ({
+          body,
+          method: 'POST',
+          url: `projects/${projectId}/user-permissions/`,
+        }),
+      }),
       getUserPermissions: builder.query<
         Res['userPermissions'],
         Req['getUserPermissions']
@@ -33,6 +44,7 @@ export async function getUserPermissions(
 // END OF FUNCTION_EXPORTS
 
 export const {
+  useCreateProjectUserPermissionMutation,
   useGetUserPermissionsQuery,
   // END OF EXPORTS
 } = userPermissionsService

frontend/common/types/requests.ts

@@ -348,6 +348,15 @@ export type Req = {
     organisation_id: number
     role_id: number
   }
+  createProjectRolePermission: {
+    organisation_id: number
+    role_id: number
+    body: {
+      admin?: boolean
+      permissions: RolePermission['permissions']
+      project: number
+    }
+  }
   updateRolePermission: Req['createRolePermission'] & { id: number }
   deleteRolePermission: { organisation_id: number; role_id: number }
 
@@ -639,6 +648,14 @@ export type Req = {
   deleteProject: { id: number }
   migrateProject: { id: number }
   getProjectPermissions: { projectId: number }
+  createProjectUserPermission: {
+    projectId: number
+    body: {
+      admin?: boolean
+      permissions: string[]
+      user: number
+    }
+  }
   createGroup: {
     orgId: number
     data: Omit<UserGroup, 'id' | 'users'>

frontend/web/components/SettingsButton.tsx

@@ -8,12 +8,14 @@ type SettingsButtonType = {
   onClick: () => void
   children: ReactNode
   content?: ReactNode
+  dropdown?: ReactNode
   feature?: PaidFeature
 }
 
 const SettingsButton: FC<SettingsButtonType> = ({
   children,
   content,
+  dropdown,
   feature,
   onClick,
 }) => {
@@ -39,6 +41,7 @@ const SettingsButton: FC<SettingsButtonType> = ({
           {!!feature && <PlanBasedBanner feature={feature} theme={'badge'} />}
         </Row>
       </Row>
+      {dropdown}
       {content}
     </>
   )