Fix drag-performance (#1184)

* Fix drag-performance

* Fixes

* Fixes

* Fixes

* Fixes

front/src/modules/ui/board/components/EntityBoard.tsx

@@ -10,7 +10,6 @@ import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
 import { GET_PIPELINE_PROGRESS } from '@/pipeline/queries';
 import { BoardHeader } from '@/ui/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/board/components/StyledBoard';
-import { useUpdateBoardCardIds } from '@/ui/board/hooks/useUpdateBoardCardIds';
 import { BoardColumnIdContext } from '@/ui/board/states/BoardColumnIdContext';
 import { SelectedSortType } from '@/ui/filter-n-sort/types/interface';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
@@ -22,9 +21,10 @@ import {
   useUpdateOnePipelineProgressStageMutation,
 } from '~/generated/graphql';
 
+import { useSetCardSelected } from '../hooks/useSetCardSelected';
+import { useUpdateBoardCardIds } from '../hooks/useUpdateBoardCardIds';
 import { BoardColumnContext } from '../states/BoardColumnContext';
 import { boardColumnsState } from '../states/boardColumnsState';
-import { selectedBoardCardIdsState } from '../states/selectedBoardCardIdsState';
 import { BoardOptions } from '../types/BoardOptions';
 
 import { EntityBoardColumn } from './EntityBoardColumn';
@@ -48,6 +48,7 @@ export function EntityBoard({
   onEditColumnTitle: (columnId: string, title: string, color: string) => void;
 }) {
   const [boardColumns] = useRecoilState(boardColumnsState);
+  const setCardSelected = useSetCardSelected();
 
   const theme = useTheme();
   const [updatePipelineProgressStage] =
@@ -104,19 +105,6 @@ export function EntityBoard({
   });
 
   const boardRef = useRef(null);
-  const [selectedBoardCards, setSelectedBoardCards] = useRecoilState(
-    selectedBoardCardIdsState,
-  );
-
-  function setRowSelectedState(boardCardId: string, selected: boolean) {
-    if (selected && !selectedBoardCards.includes(boardCardId)) {
-      setSelectedBoardCards([...selectedBoardCards, boardCardId ?? '']);
-    } else if (!selected && selectedBoardCards.includes(boardCardId)) {
-      setSelectedBoardCards(
-        selectedBoardCards.filter((id) => id !== boardCardId),
-      );
-    }
-  }
 
   return (boardColumns?.length ?? 0) > 0 ? (
     <StyledBoardWithHeader>
@@ -144,7 +132,7 @@ export function EntityBoard({
       </StyledBoard>
       <DragSelect
         dragSelectable={boardRef}
-        onDragSelectionChange={setRowSelectedState}
+        onDragSelectionChange={setCardSelected}
       />
     </StyledBoardWithHeader>
   ) : (