feat: boards with statuses fetch

src/app/deals/contexts/BoardsContext.tsx

@@ -8,8 +8,8 @@ import React, {
     useState,
 } from "react";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
-import useBoards from "@/app/deals/hooks/useBoards";
-import { BoardSchema } from "@/types/BoardSchema";
+import { BoardSchema } from "@/client";
+import useBoardsList from "@/hooks/useBoardsList";
 
 type BoardsContextState = {
     boards: BoardSchema[];
@@ -21,11 +21,11 @@ type BoardsContextState = {
 const BoardsContext = createContext<BoardsContextState | undefined>(undefined);
 
 const useBoardsContextState = () => {
-    const { boards, setBoards } = useBoards();
+    const { selectedProject: project } = useProjectsContext();
+    const { boards, setBoards } = useBoardsList({ projectId: project?.id });
     const [selectedBoard, setSelectedBoard] = useState<BoardSchema | null>(
         null
     );
-    const { selectedProject: project } = useProjectsContext();
 
     useEffect(() => {
         if (boards.length > 0 && selectedBoard === null) {

src/app/deals/contexts/StatusesContext.tsx

@@ -1,11 +1,16 @@
 "use client";
 
-import React, { createContext, FC, useContext } from "react";
+import React, {
+    createContext,
+    FC,
+    useContext,
+    useEffect,
+    useState,
+} from "react";
 import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
 import useDeals from "@/app/deals/hooks/useDeals";
-import useStatuses from "@/app/deals/hooks/useStatuses";
+import { StatusSchema } from "@/client";
 import { DealSchema } from "@/types/DealSchema";
-import { StatusSchema } from "@/types/StatusSchema";
 
 type StatusesContextState = {
     statuses: StatusSchema[];
@@ -19,10 +24,14 @@ const StatusesContext = createContext<StatusesContextState | undefined>(
 );
 
 const useStatusesContextState = () => {
-    const { statuses, setStatuses } = useStatuses();
+    const [statuses, setStatuses] = useState<StatusSchema[]>([]);
     const { deals, setDeals } = useDeals();
     const { selectedBoard } = useBoardsContext();
 
+    useEffect(() => {
+        setStatuses(selectedBoard?.statuses ?? []);
+    }, [selectedBoard]);
+
     return {
         statuses,
         setStatuses,