get project

src/pages/taskmanager/workspace.tsx

@@ -5,6 +5,7 @@ import Column from "./components/Column";
 import HeaderWorkspace from "./components/HeaderWorkspace";
 import TaskDetailModal from "./components/task-detail/TaskDetailModal";
 import tasksData from "./data/tasks.json";
+import { useGetProject } from "./project/hooks/useProjectData";
 import type { TaskPhaseItemType } from "./task-phase/types/TaskPhaseTypes";
 import type { Task, WorkspaceData } from "./types";
 import { reorderColumns } from "./utils/reorderColumns";
@@ -12,9 +13,8 @@ import { reorderTasks } from "./utils/reorderTasks";
 
 const Workspace: FC = () => {
   const { slug: projectId = "" } = useParams<{ slug: string }>();
-  const [columns, setColumns] = useState(
-    (tasksData as WorkspaceData).columns,
-  );
+  const { data: project } = useGetProject(projectId);
+  const [columns, setColumns] = useState((tasksData as WorkspaceData).columns);
   const [tasks, setTasks] = useState<Task[]>(tasksData.tasks as Task[]);
   const [draggedTaskId, setDraggedTaskId] = useState<string | null>(null);
   const [draggedColumnId, setDraggedColumnId] = useState<string | null>(null);
@@ -22,9 +22,7 @@ const Workspace: FC = () => {
 
   const tasksByColumn = useMemo(() => {
     return columns.reduce<Record<string, Task[]>>((acc, column) => {
-      acc[column.id] = tasks
-        .filter((task) => task.columnId === column.id)
-        .sort((a, b) => a.order - b.order);
+      acc[column.id] = tasks.filter((task) => task.columnId === column.id).sort((a, b) => a.order - b.order);
       return acc;
     }, {});
   }, [columns, tasks]);
@@ -77,9 +75,7 @@ const Workspace: FC = () => {
     }
   };
 
-  const selectedTaskColumn = selectedTask
-    ? columns.find((column) => column.id === selectedTask.columnId)
-    : null;
+  const selectedTaskColumn = selectedTask ? columns.find((column) => column.id === selectedTask.columnId) : null;
 
   return (
     <div className="bg-[#01347A] h-full rounded-none xl:rounded-[32px] overflow-hidden flex flex-col">