refactor: crud objects in contexts

src/app/deals/components/shared/Board/Board.tsx

@@ -13,7 +13,7 @@ type Props = {
 };
 
 const Board: FC<Props> = ({ board }) => {
-    const { selectedBoard, onUpdateBoard, onDeleteBoard } = useBoardsContext();
+    const { selectedBoard, boardsCrud } = useBoardsContext();
     const isMobile = useIsMobile();
     const [isHovered, setIsHovered] = useState(false);
 
@@ -30,7 +30,9 @@ const Board: FC<Props> = ({ board }) => {
             onMouseLeave={() => setIsHovered(false)}>
             <InPlaceInput
                 defaultValue={board.name}
-                onComplete={value => onUpdateBoard(board.id, { name: value })}
+                onComplete={value =>
+                    boardsCrud.onUpdate(board.id, { name: value })
+                }
                 inputStyles={{
                     input: {
                         height: 24,
@@ -49,7 +51,7 @@ const Board: FC<Props> = ({ board }) => {
                                 isHovered={
                                     selectedBoard?.id === board.id || isHovered
                                 }
-                                onDeleteBoard={onDeleteBoard}
+                                onDeleteBoard={boardsCrud.onDelete}
                                 board={board}
                                 startEditing={startEditing}
                             />