feat: boards with statuses fetch

src/app/deals/components/Boards/Boards.tsx

@@ -4,11 +4,11 @@ import React from "react";
 import { ScrollArea } from "@mantine/core";
 import Board from "@/app/deals/components/Board/Board";
 import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
+import { BoardSchema } from "@/client";
 import SortableDnd from "@/components/SortableDnd";
-import { BoardSchema } from "@/types/BoardSchema";
 
 const Boards = () => {
-    const { boards } = useBoardsContext();
+    const { boards, setSelectedBoard } = useBoardsContext();
 
     const renderBoard = (board: BoardSchema) => {
         return <Board board={board} />;
@@ -18,6 +18,11 @@ const Boards = () => {
         console.log("onDragEnd:", itemId, newLexorank);
     };
 
+    const selectBoard = (board: BoardSchema) => {
+        console.log("Board selecting:", board);
+        setSelectedBoard(board);
+    };
+
     return (
         <ScrollArea
             offsetScrollbars={"x"}
@@ -28,6 +33,7 @@ const Boards = () => {
                 initialItems={boards}
                 renderItem={renderBoard}
                 onDragEnd={onDragEnd}
+                onItemClick={selectBoard}
                 rowStyle={{ flexWrap: "nowrap" }}
             />
         </ScrollArea>