feat: user card actions

backend/src/libs/guards/superAdmin.guard.ts

@@ -0,0 +1,14 @@
+import { CanActivate, ExecutionContext, ForbiddenException, Injectable } from '@nestjs/common';
+
+@Injectable()
+export class SuperAdminGuard implements CanActivate {
+	async canActivate(context: ExecutionContext) {
+		const request = context.switchToHttp().getRequest();
+
+		try {
+			return request.user.isSAdmin;
+		} catch (error) {
+			throw new ForbiddenException();
+		}
+	}
+}

backend/src/libs/repositories/interfaces/base.repository.interface.ts

@@ -1,4 +1,4 @@
-import { UpdateQuery } from 'mongoose';
+import { QueryOptions, UpdateQuery } from 'mongoose';
 import { ModelProps, SelectedValues } from '../types';
 
 export interface BaseInterfaceRepository<T> {
@@ -14,5 +14,9 @@ export interface BaseInterfaceRepository<T> {
 
 	countDocuments(): Promise<number>;
 
-	findOneByFieldAndUpdate(value: ModelProps<T>, query: UpdateQuery<T>): Promise<T>;
+	findOneByFieldAndUpdate(
+		value: ModelProps<T>,
+		query: UpdateQuery<T>,
+		options?: QueryOptions<T>
+	): Promise<T>;
 }

backend/src/libs/repositories/mongo/mongo-generic.repository.ts

@@ -1,4 +1,4 @@
-import { Model, UpdateQuery } from 'mongoose';
+import { Model, QueryOptions, UpdateQuery } from 'mongoose';
 import { BaseInterfaceRepository } from '../interfaces/base.repository.interface';
 import { ModelProps, SelectedValues } from '../types';
 
@@ -39,7 +39,11 @@ export class MongoGenericRepository<T> implements BaseInterfaceRepository<T> {
 		return this._repository.countDocuments().exec();
 	}
 
-	findOneByFieldAndUpdate(value: ModelProps<T>, query: UpdateQuery<T>): Promise<T> {
-		return this._repository.findOneAndUpdate(value, query).exec();
+	findOneByFieldAndUpdate(
+		value: ModelProps<T>,
+		query: UpdateQuery<T>,
+		options?: QueryOptions<T>
+	): Promise<T> {
+		return this._repository.findOneAndUpdate(value, query, options).exec();
 	}
 }

backend/src/modules/users/applications/update.user.application.ts

@@ -1,4 +1,5 @@
 import { Inject, Injectable } from '@nestjs/common';
+import UpdateUserDto from '../dto/update.user.dto';
 import { UpdateUserApplication } from '../interfaces/applications/update.user.service.interface';
 import { UpdateUserService } from '../interfaces/services/update.user.service.interface';
 import { TYPES } from '../interfaces/types';
@@ -21,4 +22,8 @@ export class UpdateUserApplicationImpl implements UpdateUserApplication {
 	checkEmail(token: string) {
 		return this.updateUserService.checkEmail(token);
 	}
+
+	updateSuperAdmin(user: UpdateUserDto) {
+		return this.updateUserService.updateSuperAdmin(user);
+	}
 }

backend/src/modules/users/controller/users.controller.ts

@@ -1,8 +1,11 @@
-import { Controller, Get, Inject, UseGuards } from '@nestjs/common';
+import { Body, Controller, Get, Inject, Put, UseGuards } from '@nestjs/common';
 import {
 	ApiBadRequestResponse,
 	ApiBearerAuth,
+	ApiBody,
+	ApiForbiddenResponse,
 	ApiInternalServerErrorResponse,
+	ApiNotFoundResponse,
 	ApiOkResponse,
 	ApiOperation,
 	ApiTags,
@@ -12,10 +15,16 @@ import JwtAuthenticationGuard from 'src/libs/guards/jwtAuth.guard';
 import { BadRequestResponse } from 'src/libs/swagger/errors/bad-request.swagger';
 import { InternalServerErrorResponse } from 'src/libs/swagger/errors/internal-server-error.swagger';
 import { UnauthorizedResponse } from 'src/libs/swagger/errors/unauthorized.swagger';
+import UpdateUserDto from '../dto/update.user.dto';
 import UserDto from '../dto/user.dto';
 import { GetUserApplication } from '../interfaces/applications/get.user.application.interface';
+import { UpdateUserApplication } from '../interfaces/applications/update.user.service.interface';
 import { TYPES } from '../interfaces/types';
 import { UsersWithTeamsResponse } from '../swagger/users-with-teams.swagger';
+import { SuperAdminGuard } from 'src/libs/guards/superAdmin.guard';
+import { ForbiddenResponse } from '../../../libs/swagger/errors/forbidden.swagger';
+import { NotFoundResponse } from '../../../libs/swagger/errors/not-found.swagger';
+import { UpdateSuperAdminSwagger } from '../swagger/update.superadmin.swagger';
 
 @ApiBearerAuth('access-token')
 @ApiTags('Users')
@@ -24,7 +33,9 @@ import { UsersWithTeamsResponse } from '../swagger/users-with-teams.swagger';
 export default class UsersController {
 	constructor(
 		@Inject(TYPES.applications.GetUserApplication)
-		private getUserApp: GetUserApplication
+		private getUserApp: GetUserApplication,
+		@Inject(TYPES.applications.UpdateUserApplication)
+		private updateUserApp: UpdateUserApplication
 	) {}
 
 	@ApiOperation({ summary: 'Retrieve a list of existing users' })
@@ -68,4 +79,40 @@ export default class UsersController {
 	getAllUsersWithTeams() {
 		return this.getUserApp.getUsersOnlyWithTeams();
 	}
+
+	@ApiOperation({ summary: 'Update user is super admin' })
+	@ApiBody({ type: UpdateSuperAdminSwagger })
+	@ApiOkResponse({
+		description: 'User successfully updated!',
+		type: UserDto
+	})
+	@ApiUnauthorizedResponse({
+		description: 'Unauthorized',
+		type: UnauthorizedResponse
+	})
+	@ApiBadRequestResponse({
+		description: 'Bad Request',
+		type: BadRequestResponse
+	})
+	@ApiInternalServerErrorResponse({
+		description: 'Internal Server Error',
+		type: InternalServerErrorResponse
+	})
+	@ApiNotFoundResponse({
+		type: NotFoundResponse,
+		description: 'Not found!'
+	})
+	@ApiForbiddenResponse({
+		description: 'Forbidden',
+		type: ForbiddenResponse
+	})
+	@ApiInternalServerErrorResponse({
+		description: 'Internal Server Error',
+		type: InternalServerErrorResponse
+	})
+	@UseGuards(SuperAdminGuard)
+	@Put('/sadmin')
+	async updateUserSuperAdmin(@Body() userData: UpdateUserDto) {
+		return await this.updateUserApp.updateSuperAdmin(userData);
+	}
 }

backend/src/modules/users/dto/update.user.dto.ts

@@ -0,0 +1,30 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsMongoId, IsNotEmpty, IsOptional, IsString } from 'class-validator';
+
+export default class UpdateUserDto {
+	@ApiProperty()
+	@IsNotEmpty()
+	@IsMongoId()
+	@IsString()
+	@IsMongoId()
+	_id!: string;
+
+	@ApiProperty()
+	@IsOptional()
+	@IsString()
+	firstName?: string;
+
+	@ApiProperty()
+	@IsOptional()
+	@IsString()
+	lastName?: string;
+
+	@ApiProperty()
+	@IsOptional()
+	@IsString()
+	email?: string;
+
+	@ApiPropertyOptional({ default: false })
+	@IsOptional()
+	isSAdmin?: boolean;
+}

backend/src/modules/users/interfaces/applications/update.user.service.interface.ts

@@ -1,4 +1,5 @@
 import { LeanDocument } from 'mongoose';
+import UpdateUserDto from '../../dto/update.user.dto';
 import User, { UserDocument } from '../../entities/user.schema';
 
 export interface UpdateUserApplication {
@@ -14,4 +15,6 @@ export interface UpdateUserApplication {
 	): Promise<User | null>;
 
 	checkEmail(token: string): Promise<string>;
+
+	updateSuperAdmin(user: UpdateUserDto): Promise<LeanDocument<UserDocument>>;
 }

backend/src/modules/users/interfaces/services/update.user.service.interface.ts

@@ -1,4 +1,6 @@
-import User from '../../entities/user.schema';
+import { LeanDocument } from 'mongoose';
+import UpdateUserDto from '../../dto/update.user.dto';
+import User, { UserDocument } from '../../entities/user.schema';
 
 export interface UpdateUserService {
 	setCurrentRefreshToken(refreshToken: string, userId: string): Promise<User | null>;
@@ -10,4 +12,6 @@ export interface UpdateUserService {
 	): Promise<User | null>;
 
 	checkEmail(token: string): Promise<string>;
+
+	updateSuperAdmin(user: UpdateUserDto): Promise<LeanDocument<UserDocument>>;
 }

backend/src/modules/users/repository/user.repository.interface.ts

@@ -5,4 +5,5 @@ export interface UserRepositoryInterface extends BaseInterfaceRepository<User> {
 	getById(userId: string): Promise<User>;
 	updateUserWithRefreshToken(refreshToken: string, userId: string): Promise<User>;
 	updateUserPassword(email: string, password: string): Promise<User>;
+	updateSuperAdmin(userId: string, isSAdmin: boolean): Promise<User>;
 }

backend/src/modules/users/repository/user.repository.ts

@@ -33,4 +33,8 @@ export class UserRepository
 			}
 		);
 	}
+
+	updateSuperAdmin(userId: string, isSAdmin: boolean) {
+		return this.findOneByFieldAndUpdate({ _id: userId }, { $set: { isSAdmin } }, { new: true });
+	}
 }

backend/src/modules/users/services/update.user.service.ts

@@ -5,13 +5,16 @@ import { encrypt } from 'src/libs/utils/bcrypt';
 import ResetPassword, {
 	ResetPasswordDocument
 } from 'src/modules/auth/schemas/reset-password.schema';
+import UpdateUserDto from '../dto/update.user.dto';
 import { UpdateUserService } from '../interfaces/services/update.user.service.interface';
 import { TYPES } from '../interfaces/types';
 import { UserRepositoryInterface } from '../repository/user.repository.interface';
+import User, { UserDocument } from '../entities/user.schema';
 
 @Injectable()
 export default class updateUserServiceImpl implements UpdateUserService {
 	constructor(
+		@InjectModel(User.name) private userModel: Model<UserDocument>,
 		@Inject(TYPES.repository)
 		private readonly userRepository: UserRepositoryInterface,
 		@InjectModel(ResetPassword.name)
@@ -55,4 +58,12 @@ export default class updateUserServiceImpl implements UpdateUserService {
 			throw new HttpException('EXPIRED_TOKEN', HttpStatus.BAD_REQUEST);
 		}
 	}
+
+	updateSuperAdmin(user: UpdateUserDto) {
+		const userToUpdate = this.userRepository.updateSuperAdmin(user._id, user.isSAdmin);
+
+		if (!userToUpdate) throw new HttpException('UPDATE_FAILED', HttpStatus.BAD_REQUEST);
+
+		return userToUpdate;
+	}
 }

backend/src/modules/users/swagger/update.superadmin.swagger.ts

@@ -0,0 +1,9 @@
+import { ApiProperty } from '@nestjs/swagger';
+
+export class UpdateSuperAdminSwagger {
+	@ApiProperty()
+	id!: string;
+
+	@ApiProperty()
+	isSAdmin!: boolean;
+}

frontend/src/__tests__/index.test.tsx

@@ -1,12 +1,15 @@
 import { QueryClient, QueryClientProvider } from 'react-query';
 import React from 'react';
 import { render } from '@testing-library/react';
+import { RecoilRoot } from 'recoil';
 import Home from '../pages';
 
 const queryClient = new QueryClient();
 
 export const Wrapper: React.FC = ({ children }) => (
-  <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  <QueryClientProvider client={queryClient}>
+    <RecoilRoot>{children}</RecoilRoot>
+  </QueryClientProvider>
 );
 
 jest.mock('next/config', () => () => ({

frontend/src/api/userService.tsx

@@ -1,11 +1,14 @@
 import { GetServerSidePropsContext } from 'next';
 
 import fetchData from '@/utils/fetchData';
-import { User, UserWithTeams } from '../types/user/user';
+import { User, UserWithTeams, UpdateUserIsAdmin } from '../types/user/user';
 
 export const getAllUsers = (context?: GetServerSidePropsContext): Promise<User[]> =>
   fetchData(`/users`, { context, serverSide: !!context });
 
 export const getAllUsersWithTeams = (
   context?: GetServerSidePropsContext,
 ): Promise<UserWithTeams[]> => fetchData(`/users/teams`, { context, serverSide: !!context });
+
+export const updateUserIsAdminRequest = (user: UpdateUserIsAdmin): Promise<User> =>
+  fetchData(`/users/sadmin/`, { method: 'PUT', data: user });

frontend/src/components/Board/Settings/partials/ConfigurationSettings/index.tsx

@@ -4,6 +4,7 @@ import Icon from '@/components/icons/Icon';
 import Flex from '@/components/Primitives/Flex';
 import { Switch, SwitchThumb } from '@/components/Primitives/Switch';
 import Text from '@/components/Primitives/Text';
+import Tooltip from '@/components/Primitives/Tooltip';
 
 type Props = {
   title: string;
@@ -12,6 +13,8 @@ type Props = {
   handleCheckedChange: (checked: boolean) => void;
   children?: ReactNode;
   color?: string;
+  disabled?: boolean;
+  styleVariant?: boolean;
 };
 
 const ConfigurationSettings = ({
@@ -21,22 +24,51 @@ const ConfigurationSettings = ({
   handleCheckedChange,
   children,
   color,
+  disabled,
+  styleVariant,
 }: Props) => (
   <Flex gap={20}>
-    <Switch checked={isChecked} variant="sm" onCheckedChange={handleCheckedChange}>
-      <SwitchThumb variant="sm">
-        {isChecked && (
-          <Icon
-            name="check"
-            css={{
-              width: '$10',
-              height: '$10',
-              color: color || '$successBase',
-            }}
-          />
-        )}
-      </SwitchThumb>
-    </Switch>
+    {styleVariant && (
+      <Tooltip content="Can't change your own role">
+        <Flex>
+          <Switch
+            checked={isChecked}
+            variant="disabled"
+            onCheckedChange={handleCheckedChange}
+            disabled={disabled}
+          >
+            <SwitchThumb variant="sm">
+              {isChecked && (
+                <Icon
+                  name="check"
+                  css={{
+                    width: '$10',
+                    height: '$10',
+                    color: color || '$successBase',
+                  }}
+                />
+              )}
+            </SwitchThumb>
+          </Switch>
+        </Flex>
+      </Tooltip>
+    )}
+    {!styleVariant && (
+      <Switch checked={isChecked} variant="sm" onCheckedChange={handleCheckedChange}>
+        <SwitchThumb variant="sm">
+          {isChecked && (
+            <Icon
+              name="check"
+              css={{
+                width: '$10',
+                height: '$10',
+                color: color || '$successBase',
+              }}
+            />
+          )}
+        </SwitchThumb>
+      </Switch>
+    )}
     <Flex direction="column">
       <Text size="md" weight="medium">
         {title}

frontend/src/components/Primitives/Switch.tsx

@@ -22,6 +22,12 @@ const StyledSwitch = styled(SwitchPrimitive.Root, {
         height: '$20',
       },
       md: { flex: '0 0 $sizes$42', width: '$42', height: '$24' },
+      disabled: {
+        '&[data-state="checked"]': { backgroundColor: '$successBase', opacity: 0.5 },
+        flex: '0 0 $sizes$35',
+        width: '$35',
+        height: '$20',
+      },
     },
   },
   defaultVariants: {