feat: duplicate regular board

backend/src/modules/boards/applications/duplicate-board.use-case.spec.ts

@@ -14,9 +14,10 @@ import faker from '@faker-js/faker';
 import { GetUserServiceInterface } from 'src/modules/users/interfaces/services/get.user.service.interface';
 import { BoardFactory } from 'src/libs/test-utils/mocks/factories/board-factory.mock';
 import { UserFactory } from 'src/libs/test-utils/mocks/factories/user-factory';
+import { DuplicateBoardDto } from './duplicate-board.use-case';
 
 describe('DuplicateBoardUseCase', () => {
-	let duplicateBoardMock: UseCase<{ boardId: string; userId: string; boardTitle: string }, Board>;
+	let duplicateBoardMock: UseCase<DuplicateBoardDto, Board>;
 	let getUserServiceMock: DeepMocked<GetUserServiceInterface>;
 	let getBoardServiceMock: DeepMocked<GetBoardServiceInterface>;
 	let boardRepositoryMock: DeepMocked<BoardRepositoryInterface>;
@@ -45,9 +46,9 @@ describe('DuplicateBoardUseCase', () => {
 			]
 		}).compile();
 
-		duplicateBoardMock = module.get<
-			UseCase<{ boardId: string; userId: string; boardTitle: string }, Board>
-		>(Boards.TYPES.applications.DuplicateBoardUseCase);
+		duplicateBoardMock = module.get<UseCase<DuplicateBoardDto, Board>>(
+			Boards.TYPES.applications.DuplicateBoardUseCase
+		);
 
 		getUserServiceMock = module.get(Users.TYPES.services.GetUserService);
 		getBoardServiceMock = module.get(Boards.TYPES.services.GetBoardService);

backend/src/modules/boards/applications/duplicate-board.use-case.ts

@@ -5,20 +5,22 @@ import Card from 'src/modules/cards/entities/card.schema';
 import Column from 'src/modules/columns/entities/column.schema';
 import { GetUserServiceInterface } from 'src/modules/users/interfaces/services/get.user.service.interface';
 import * as Users from 'src/modules/users/interfaces/types';
-import { Inject, Injectable, NotFoundException } from '@nestjs/common';
+import { BadRequestException, Inject, Injectable } from '@nestjs/common';
 import Board from '../entities/board.schema';
 import { GetBoardServiceInterface } from '../interfaces/services/get.board.service.interface';
 import { TYPES } from '../interfaces/types';
 import { BoardRepositoryInterface } from '../repositories/board.repository.interface';
-import { BOARD_NOT_FOUND, USER_NOT_FOUND } from 'src/libs/exceptions/messages';
 import User from 'src/modules/users/entities/user.schema';
 import Team from 'src/modules/teams/entities/team.schema';
 import BoardUserDto from 'src/modules/boardUsers/dto/board.user.dto';
+import { UserNotFoundException } from 'src/libs/exceptions/userNotFoundException';
+import { BoardNotFoundException } from 'src/libs/exceptions/boardNotFoundException';
+import { INSERT_FAILED } from 'src/libs/exceptions/messages';
+
+export type DuplicateBoardDto = { boardId: string; userId: string; boardTitle: string };
 
 @Injectable()
-export class DuplicateBoardUseCase
-	implements UseCase<{ boardId: string; userId: string; boardTitle: string }, Board>
-{
+export class DuplicateBoardUseCase implements UseCase<DuplicateBoardDto, Board> {
 	constructor(
 		@Inject(TYPES.services.GetBoardService)
 		private getBoardService: GetBoardServiceInterface,
@@ -34,7 +36,7 @@ export class DuplicateBoardUseCase
 		const currentUser = await this.getUserService.getById(userId);
 
 		if (!currentUser) {
-			throw new NotFoundException(USER_NOT_FOUND);
+			throw new UserNotFoundException();
 		}
 		const { _id, firstName, lastName, email, strategy } = currentUser;
 
@@ -47,7 +49,7 @@ export class DuplicateBoardUseCase
 		});
 
 		if (!board) {
-			throw new NotFoundException(BOARD_NOT_FOUND);
+			throw new BoardNotFoundException();
 		}
 
 		const boardTeam = board.team as Team;
@@ -118,6 +120,8 @@ export class DuplicateBoardUseCase
 			dividedBoards: []
 		});
 
+		if (!newBoard) throw new BadRequestException(INSERT_FAILED);
+
 		await this.createBoardUserService.saveBoardUsers(users, newBoard._id);
 
 		return newBoard;

backend/src/modules/boards/controller/boards.controller.spec.ts

@@ -12,6 +12,7 @@ import { GetBoardApplicationInterface } from '../interfaces/applications/get.boa
 import { DeleteBoardApplicationInterface } from '../interfaces/applications/delete.board.application.interface';
 import { UseCase } from 'src/libs/interfaces/use-case.interface';
 import Board from '../entities/board.schema';
+import { DuplicateBoardDto } from '../applications/duplicate-board.use-case';
 
 describe('BoardsController', () => {
 	let controller: BoardsController;
@@ -28,8 +29,7 @@ describe('BoardsController', () => {
 				},
 				{
 					provide: Boards.TYPES.applications.DuplicateBoardUseCase,
-					useValue:
-						createMock<UseCase<{ boardId: string; userId: string; boardTitle: string }, Board>>()
+					useValue: createMock<UseCase<DuplicateBoardDto, Board>>()
 				},
 				{
 					provide: Boards.TYPES.applications.GetBoardApplication,

backend/src/modules/boards/controller/boards.controller.ts

@@ -4,7 +4,6 @@ import { PaginationParams } from 'src/libs/dto/param/pagination.params';
 import { BaseParamWSocket } from 'src/libs/dto/param/socket.param';
 import { BoardPhases } from 'src/libs/enum/board.phases';
 import { TeamRoles } from 'src/libs/enum/team.roles';
-import { INSERT_FAILED } from 'src/libs/exceptions/messages';
 import { BoardUserGuard } from 'src/libs/guards/boardRoles.guard';
 import JwtAuthenticationGuard from 'src/libs/guards/jwtAuth.guard';
 import RequestWithUser from 'src/libs/interfaces/requestWithUser.interface';
@@ -18,7 +17,6 @@ import { BoardResponse } from 'src/modules/boards/swagger/board.swagger';
 import { BoardRoles } from 'src/modules/communication/dto/types';
 import SocketGateway from 'src/modules/socket/gateway/socket.gateway';
 import {
-	BadRequestException,
 	Body,
 	Controller,
 	Delete,
@@ -133,15 +131,11 @@ export default class BoardsController {
 		@Param() { boardId }: BaseParam,
 		@Body() { boardTitle }: { boardTitle: string }
 	) {
-		const board = await this.duplicateBoardUseCase.execute({
+		return this.duplicateBoardUseCase.execute({
 			boardId,
 			userId: request.user._id,
 			boardTitle
 		});
-
-		if (!board) throw new BadRequestException(INSERT_FAILED);
-
-		return board;
 	}
 
 	@ApiOperation({ summary: 'Get Boards to show on dashboard' })

frontend/src/components/Boards/MyBoards/index.tsx

@@ -1,17 +1,14 @@
 import React, { useEffect, useMemo, useRef } from 'react';
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useRecoilState, useRecoilValue } from 'recoil';
 
-import { getBoardsRequest } from '@/api/boardService';
 import EmptyBoards from '@/components/Dashboard/RecentRetros/partials/EmptyBoards';
-import { toastState } from '@/store/toast/atom/toast.atom';
 import BoardType from '@/types/board/board';
 import { Team } from '@/types/team/team';
-import { ToastStateEnum } from '@/utils/enums/toast-types';
 import isEmpty from '@/utils/isEmpty';
 import { useRouter } from 'next/router';
 import { teamsListState } from '@/store/team/atom/team.atom';
 import { filterTeamBoardsState } from '@/store/board/atoms/board.atom';
+import useBoard from '@/hooks/useBoard';
 import FilterBoards from '../Filters/FilterBoards';
 import ListBoardsByTeam from './ListBoardsByTeam';
 import ListBoards from './ListBoards';
@@ -27,34 +24,14 @@ export interface OptionType {
   label: string;
 }
 
-const MyBoards = React.memo<MyBoardsProps>(({ userId, isSuperAdmin }) => {
-  const setToastState = useSetRecoilState(toastState);
+const MyBoards = ({ userId, isSuperAdmin }: MyBoardsProps) => {
   const [filterState, setFilterState] = useRecoilState(filterTeamBoardsState);
   const scrollRef = useRef<HTMLDivElement>(null);
   const router = useRouter();
   const routerTeam = router.query.team as string;
   const userTeamsList = useRecoilValue(teamsListState);
 
-  const fetchBoards = useInfiniteQuery(
-    ['boards'],
-    ({ pageParam = 0 }) => getBoardsRequest(pageParam),
-    {
-      enabled: true,
-      refetchOnWindowFocus: false,
-      getNextPageParam: (lastPage) => {
-        const { hasNextPage, page } = lastPage;
-        if (hasNextPage) return page + 1;
-        return undefined;
-      },
-      onError: () => {
-        setToastState({
-          open: true,
-          content: 'Error getting the boards',
-          type: ToastStateEnum.ERROR,
-        });
-      },
-    },
-  );
+  const { fetchBoards } = useBoard({ autoFetchBoards: true });
 
   const { data, isLoading } = fetchBoards;
 
@@ -129,6 +106,6 @@ const MyBoards = React.memo<MyBoardsProps>(({ userId, isSuperAdmin }) => {
       )}
     </>
   );
-});
+};
 
 export default MyBoards;

frontend/src/components/CardBoard/CardBody/CardEnd.tsx

@@ -44,8 +44,8 @@ const CardEnd: React.FC<CardEndProps> = React.memo(
 
     const {
       deleteBoard,
-      duplicateBoard: { mutate: duplicate },
-    } = useBoard({ autoFetchBoard: false });
+      duplicateBoard: { mutate: duplicateMutation },
+    } = useBoard();
 
     const boardTypeCaption = useMemo(() => {
       if (isSubBoard && !isDashboard) return 'Responsible';
@@ -83,7 +83,7 @@ const CardEnd: React.FC<CardEndProps> = React.memo(
     };
 
     const handleDuplicateBoard = (boardTitle: string) => {
-      duplicate({ boardId: board._id, boardTitle });
+      duplicateMutation({ boardId: board._id, boardTitle });
     };
 
     if (isDashboard) {

frontend/src/hooks/useBoard.tsx

@@ -6,26 +6,31 @@ import {
   deleteBoardRequest,
   duplicateBoardRequest,
   getBoardRequest,
+  getBoardsRequest,
   updateBoardPhaseRequest,
   updateBoardRequest,
 } from '@/api/boardService';
 import { handleNewBoardUser } from '@/helper/board/transformBoard';
 import { newBoardState } from '@/store/board/atoms/board.atom';
 import { operationsQueueAtom } from '@/store/operations/atom/operations-queue.atom';
-import BoardType, { PhaseChangeEventType } from '@/types/board/board';
+import BoardType, { InfiniteBoards, PhaseChangeEventType } from '@/types/board/board';
 import { BoardUser } from '@/types/board/board.user';
 import UseBoardType from '@/types/board/useBoard';
 import { BoardPhases } from '@/utils/enums/board.phases';
 import { ToastStateEnum } from '@/utils/enums/toast-types';
-import { InfiniteData, useMutation, useQuery } from '@tanstack/react-query';
+import { InfiniteData, useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
 
 import useBoardUtils from './useBoardUtils';
 
 interface AutoFetchProps {
-  autoFetchBoard: boolean;
+  autoFetchBoard?: boolean;
+  autoFetchBoards?: boolean;
 }
 
-const useBoard = ({ autoFetchBoard = false }: AutoFetchProps): UseBoardType => {
+const useBoard = ({
+  autoFetchBoard = false,
+  autoFetchBoards = false,
+}: AutoFetchProps = {}): UseBoardType => {
   const { boardId, queryClient, setToastState } = useBoardUtils();
 
   const setNewBoard = useSetRecoilState(newBoardState);
@@ -68,6 +73,27 @@ const useBoard = ({ autoFetchBoard = false }: AutoFetchProps): UseBoardType => {
     },
   });
 
+  const fetchBoards = useInfiniteQuery(
+    ['boards'],
+    ({ pageParam = 0 }) => getBoardsRequest(pageParam),
+    {
+      enabled: autoFetchBoards,
+      refetchOnWindowFocus: false,
+      getNextPageParam: (lastPage) => {
+        const { hasNextPage, page } = lastPage;
+        if (hasNextPage) return page + 1;
+        return undefined;
+      },
+      onError: () => {
+        setToastState({
+          open: true,
+          content: 'Error getting the boards',
+          type: ToastStateEnum.ERROR,
+        });
+      },
+    },
+  );
+
   const createBoard = useMutation(createBoardRequest, {
     onSuccess: (data) => setNewBoard(data._id),
     onError: () => {
@@ -80,7 +106,7 @@ const useBoard = ({ autoFetchBoard = false }: AutoFetchProps): UseBoardType => {
   });
 
   const duplicateBoard = useMutation(duplicateBoardRequest, {
-    onSuccess: () => {
+    onSuccess: async () => {
       queryClient.invalidateQueries(['boards']);
 
       setToastState({
@@ -100,30 +126,17 @@ const useBoard = ({ autoFetchBoard = false }: AutoFetchProps): UseBoardType => {
 
   const deleteBoard = useMutation(deleteBoardRequest, {
     onSuccess: (data, variables) => {
-      queryClient.setQueryData(
-        ['boards'],
-        (
-          oldData:
-            | InfiniteData<{
-                boards: BoardType[];
-                hasNextPage: boolean;
-                page: number;
-              }>
-            | undefined,
-        ) => {
-          if (!oldData) return { pages: [], pageParams: [] };
-
-          return {
-            ...oldData,
-            pages: oldData.pages.map((page) => ({
-              ...page,
-              boards: page.boards.filter((board) => board._id !== variables.id),
-            })),
-          };
-        },
-      );
-
-      queryClient.invalidateQueries(['boards']);
+      queryClient.setQueryData(['boards'], (oldData: InfiniteData<InfiniteBoards> | undefined) => {
+        if (!oldData) return { pages: [], pageParams: [] };
+
+        return {
+          ...oldData,
+          pages: oldData.pages.map((page) => ({
+            ...page,
+            boards: page.boards.filter((board) => board._id !== variables.id),
+          })),
+        };
+      });
 
       setToastState({
         open: true,
@@ -215,6 +228,7 @@ const useBoard = ({ autoFetchBoard = false }: AutoFetchProps): UseBoardType => {
     deleteBoard,
     updateBoard,
     fetchBoard,
+    fetchBoards,
     setQueryDataAddBoardUser,
     updateBoardPhase,
     updateBoardPhaseMutation,

frontend/src/types/board/board.ts

@@ -103,3 +103,9 @@ export type PhaseChangeEventType = {
   columns: ColumnType[];
   submitedAt: Date;
 };
+
+export interface InfiniteBoards {
+  boards: BoardType[];
+  hasNextPage: boolean;
+  page: number;
+}

frontend/src/types/board/useBoard.ts

@@ -2,10 +2,11 @@ import BoardType, {
   CreateBoardDto,
   DuplicateBoardType,
   GetBoardResponse,
+  InfiniteBoards,
   PhaseChangeEventType,
   UpdateBoardType,
 } from '@/types/board/board';
-import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
+import { UseInfiniteQueryResult, UseMutationResult, UseQueryResult } from '@tanstack/react-query';
 
 import { BoardUser } from './board.user';
 import UpdateBoardPhaseDto from './updateBoardPhase.dto';
@@ -27,6 +28,8 @@ export default interface UseBoardType {
   >;
   fetchBoard: UseQueryResult<GetBoardResponse | null, unknown>;
 
+  fetchBoards: UseInfiniteQueryResult<InfiniteBoards, unknown>;
+
   setQueryDataAddBoardUser: (data: BoardUser) => void;
 
   updateBoardPhase: (data: PhaseChangeEventType) => void;