track time

src/pages/taskmanager/components/task-detail/TaskDetailModal.tsx

@@ -5,10 +5,12 @@ import DefaulModal from "../../../../components/DefaulModal";
 import PageLoading from "../../../../components/PageLoading";
 import { ErrorType } from "../../../../helpers/types";
 import { useChangeTaskPhase, useDeleteTask, useGetTaskDetail, useUpdateTask } from "../../task/hooks/useTaskData";
+import { useGetTaskTimes } from "../../task/hooks/useTaskTimeData";
 import type { TaskDetailType } from "../../task/types/TaskTypes";
 import type { Column, Task } from "../../types";
 import AttachmentList from "./attachment/List";
 import CheckLists from "./checklist/List";
+import TimeList from "./time/List";
 import TaskDetailCoverColorBar from "./cover/TaskDetailCoverColorBar";
 import TaskDetailDescription from "./TaskDetailDescription";
 import TaskDetailHeader from "./TaskDetailHeader";
@@ -34,6 +36,7 @@ const TaskDetailModal: FC<Props> = ({ open, task, columns, projectId, onClose, o
   const initialDescriptionRef = useRef("");
 
   const getTaskDetail = useGetTaskDetail(task?.id ?? "", open && !!task?.id);
+  const getTaskTimes = useGetTaskTimes(task?.id ?? "", open && !!task?.id);
   const updateTask = useUpdateTask();
   const changeTaskPhase = useChangeTaskPhase();
   const deleteTask = useDeleteTask();
@@ -212,6 +215,8 @@ const TaskDetailModal: FC<Props> = ({ open, task, columns, projectId, onClose, o
             checkListItemCount={taskDetail?.checkListItemCount}
             completedCheckListItemCount={taskDetail?.completedCheckListItemCount}
           />
+
+          <TimeList times={getTaskTimes.data?.data} />
         </>
       )}
     </DefaulModal>