feat: boards with statuses fetch

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

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 import { Box } from "@mantine/core";
-import { BoardSchema } from "@/types/BoardSchema";
+import { BoardSchema } from "@/client";
 
 type Props = {
     board: BoardSchema;

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>

src/app/deals/components/DndOverlay/DndOverlay.tsx

@@ -4,7 +4,7 @@ import DealCard from "@/app/deals/components/DealCard/DealCard";
 import StatusColumn from "@/app/deals/components/StatusColumn/StatusColumn";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
 import { DealSchema } from "@/types/DealSchema";
-import { StatusSchema } from "@/types/StatusSchema";
+import { StatusSchema } from "@/client";
 
 type Props = {
     activeDeal: DealSchema | null;

src/app/deals/components/StatusColumn/StatusColumn.tsx

@@ -6,8 +6,8 @@ import {
 } from "@dnd-kit/sortable";
 import { Box, Stack, Text } from "@mantine/core";
 import DealContainer from "@/app/deals/components/DealContainer/DealContainer";
+import { StatusSchema } from "@/client";
 import { DealSchema } from "@/types/DealSchema";
-import { StatusSchema } from "@/types/StatusSchema";
 import { sortByLexorank } from "@/utils/lexorank";
 
 type Props = {