fix: projects editor to selected project editor, moved attributes editor

src/pages/CardsPage/hooks/useBoards.tsx

@@ -1,18 +1,17 @@
 import { useEffect, useState } from "react";
 import { BoardSchema, BoardService } from "../../../client";
+import { useProjectsContext } from "../../../contexts/ProjectsContext.tsx";
 
-type Props = {
-    projectId?: number;
-}
 
-const useBoards = ({ projectId }: Props) => {
+const useBoards = () => {
+    const { selectedProject } = useProjectsContext();
     const [boards, setBoards] = useState<BoardSchema[]>([]);
 
     const refetchBoards = () => {
-        if (!projectId) return;
+        if (!selectedProject) return;
 
         BoardService.getBoards({
-            projectId,
+            projectId: selectedProject.id,
         })
             .then(data => {
                 setBoards(data.boards);
@@ -22,7 +21,7 @@ const useBoards = ({ projectId }: Props) => {
 
     useEffect(() => {
         refetchBoards();
-    }, [projectId]);
+    }, [selectedProject]);
 
     return {
         boards,

src/pages/CardsPage/hooks/useCardsPageState.tsx

@@ -3,28 +3,21 @@ import { useForm } from "@mantine/form";
 import { useEffect, useState } from "react";
 import { BaseMarketplaceSchema, BoardSchema, ClientSchema, ProjectSchema, StatusSchema } from "../../../client";
 
-
-type Props = {
-    projects: ProjectSchema[];
-}
-
 export type CardsPageState = {
     id: number | null;
     marketplace: BaseMarketplaceSchema | null;
     client: ClientSchema | null;
-    project: ProjectSchema | null;
 
     projectForTable: ProjectSchema | null;
     board: BoardSchema | null;
     status: StatusSchema | null;
 };
 
-const useCardsPageState = ({ projects }: Props) => {
+const useCardsPageState = () => {
     const { objects } = useCardSummariesFull();
 
     const form = useForm<CardsPageState>({
         initialValues: {
-            project: null,
             id: null,
             marketplace: null,
             client: null,
@@ -51,7 +44,7 @@ const useCardsPageState = ({ projects }: Props) => {
         }
         if (form.values.projectForTable) {
             result = result.filter(
-                obj => obj.board.projectId === form.values.project?.id,
+                obj => obj.board.projectId === form.values.projectForTable?.id,
             );
 
             if (form.values.board) {
@@ -78,12 +71,6 @@ const useCardsPageState = ({ projects }: Props) => {
         applyFilters();
     }, [form.values, objects]);
 
-    useEffect(() => {
-        if (projects.length > 0 && form.values.project === null) {
-            form.setFieldValue("project", projects[0]);
-        }
-    }, [projects]);
-
     return { data, form };
 };
 

src/pages/CardsPage/hooks/useProjects.tsx

@@ -1,26 +0,0 @@
-import { useEffect, useState } from "react";
-import { type FullProjectSchema, ProjectService } from "../../../client";
-
-
-const useProjects = () => {
-    const [projects, setProjects] = useState<FullProjectSchema[]>([]);
-
-    const refetchProjects = () => {
-        ProjectService.getProjects()
-            .then(data => {
-                setProjects(data.projects);
-            })
-            .catch(e => console.log(e));
-    };
-
-    useEffect(() => {
-        refetchProjects();
-    }, []);
-
-    return {
-        projects,
-        refetchProjects,
-    };
-};
-
-export default useProjects;