Chore: #51 TaskWithStatus 타입 세분화 및 변경사항 수정

GU-99 · Jul 16, 2024 · fbc112f · fbc112f
1 parent 010cbeb
commit fbc112f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/src/components/task/kanban/ProjectStatusContainer.tsx b/src/components/task/kanban/ProjectStatusContainer.tsx
@@ -6,10 +6,10 @@ import UpdateModalProjectStatus from '@components/modal/project-status/UpdateMod
 import { generatePrefixId } from '@utils/converter';
 import { DND_DRAGGABLE_PREFIX } from '@constants/dnd';
 import { BsPencil } from 'react-icons/bs';
-import { TaskWithStatus } from '@/types/TaskType';
+import { TaskListWithStatus } from '@/types/TaskType';
 
 type TaskStatusContainerProps = {
-  statusTask: TaskWithStatus;
+  statusTask: TaskListWithStatus;
 };
 
 export default function TaskStatusContainer({ statusTask }: TaskStatusContainerProps) {

diff --git a/src/pages/project/KanbanPage.tsx b/src/pages/project/KanbanPage.tsx
@@ -5,9 +5,9 @@ import { DND_DROPPABLE_PREFIX, DND_TYPE } from '@constants/dnd';
 import deepClone from '@utils/deepClone';
 import { parsePrefixId } from '@utils/converter';
 import { TASK_DUMMY } from '@mocks/mockData';
-import type { Task, TaskWithStatus } from '@/types/TaskType';
+import type { Task, TaskListWithStatus } from '@/types/TaskType';
 
-function createChangedStatus(statusTasks: TaskWithStatus[], dropResult: DropResult) {
+function createChangedStatus(statusTasks: TaskListWithStatus[], dropResult: DropResult) {
   const { source, destination } = dropResult;
 
   if (!destination) throw Error('Error: DnD destination is null');
@@ -22,7 +22,7 @@ function createChangedStatus(statusTasks: TaskWithStatus[], dropResult: DropResu
   return newStatusTasks;
 }
 
-function createChangedTasks(statusTasks: TaskWithStatus[], dropResult: DropResult, isSameStatus: boolean) {
+function createChangedTasks(statusTasks: TaskListWithStatus[], dropResult: DropResult, isSameStatus: boolean) {
   const { source, destination, draggableId } = dropResult;
 
   // ToDo: 메세지 포맷 정하고 수정하기
@@ -50,7 +50,7 @@ function createChangedTasks(statusTasks: TaskWithStatus[], dropResult: DropResul
 
 // ToDo: DnD시 가시성을 위한 애니메이션 처리 추가할 것
 export default function KanbanPage() {
-  const [statusTasks, setStatusTasks] = useState<TaskWithStatus[]>(TASK_DUMMY);
+  const [statusTasks, setStatusTasks] = useState<TaskListWithStatus[]>(TASK_DUMMY);
 
   const handleDragEnd = (dropResult: DropResult) => {
     const { source, destination, type } = dropResult;

diff --git a/src/types/TaskType.tsx b/src/types/TaskType.tsx
@@ -11,4 +11,5 @@ export type Task = {
   endDate: string;
 };
 
-export type TaskWithStatus = ProjectStatus & { tasks: Task[] };
+export type TaskWithStatus = ProjectStatus & Task;
+export type TaskListWithStatus = ProjectStatus & { tasks: Task[] };