From ead18eaa1bc314ed7adbd6beb35abd4b83323736 Mon Sep 17 00:00:00 2001
From: Seok93 <gkdltjr@naver.com>
Date: Fri, 5 Jul 2024 10:30:25 +0900
Subject: [PATCH] =?UTF-8?q?Formatting:=20#33=20state=EC=9D=98=20tasks?=
 =?UTF-8?q?=EC=99=80=20=EB=8D=B0=EC=9D=B4=ED=84=B0=EA=B5=AC=EC=A1=B0?=
 =?UTF-8?q?=EC=9D=98=20tasks=20=EC=9D=B4=EB=A6=84=20=EA=B5=AC=EB=B3=84=20(?=
 =?UTF-8?q?for=20no-shadow)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/project/KanbanPage.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/project/KanbanPage.tsx b/src/pages/project/KanbanPage.tsx
index 58d8c67b..7487d2fb 100644
--- a/src/pages/project/KanbanPage.tsx
+++ b/src/pages/project/KanbanPage.tsx
@@ -17,7 +17,7 @@ function parserPrefixId(prefixId: string, delimiter: string = '-') {
   return result[result.length - 1];
 }
 
-function createChangedTasks(tasks: TaskWithStatus[], dropResult: DropResult, isSameStatus: boolean) {
+function createChangedStatusTasks(statusTasks: TaskWithStatus[], dropResult: DropResult, isSameStatus: boolean) {
   const { source, destination, draggableId } = dropResult;
 
   // ToDo: 메세지 포맷 정하고 수정하기
@@ -27,11 +27,11 @@ function createChangedTasks(tasks: TaskWithStatus[], dropResult: DropResult, isS
   const destinationStatusId = Number(parserPrefixId(destination.droppableId));
   const taskId = Number(parserPrefixId(draggableId));
 
-  const newTasks = deepClone(tasks);
-  const { tasks: sourceTasks } = newTasks.find((data) => data.statusId === sourceStatusId)! as TaskWithStatus;
+  const newStatusTasks = deepClone(statusTasks);
+  const { tasks: sourceTasks } = newStatusTasks.find((data) => data.statusId === sourceStatusId)! as TaskWithStatus;
   const { tasks: destinationTasks } = isSameStatus
     ? { tasks: sourceTasks }
-    : (newTasks.find((data) => data.statusId === destinationStatusId)! as TaskWithStatus);
+    : (newStatusTasks.find((data) => data.statusId === destinationStatusId)! as TaskWithStatus);
   const task = sourceTasks.find((data) => data.taskId === taskId)! as Task;
 
   sourceTasks.splice(source.index, 1);
@@ -40,14 +40,14 @@ function createChangedTasks(tasks: TaskWithStatus[], dropResult: DropResult, isS
   sourceTasks.forEach((task, index) => (task.order = index + 1));
   if (!isSameStatus) destinationTasks.forEach((task, index) => (task.order = index + 1));
 
-  return newTasks;
+  return newStatusTasks;
 }
 
 // ToDo: 할일 상태 Vertical DnD 추가할 것
 // ToDo: DnD시 가시성을 위한 애니메이션 처리 추가할 것
 // ToDo: 칸반보드 ItemList, Item 컴포넌트로 분리할 것
 export default function KanbanPage() {
-  const [tasks, setTasks] = useState<TaskWithStatus[]>(TASK_DUMMY);
+  const [statusTasks, setStatusTasks] = useState<TaskWithStatus[]>(TASK_DUMMY);
 
   const handleDragEnd = (dropResult: DropResult) => {
     const { source, destination } = dropResult;
@@ -58,14 +58,14 @@ export default function KanbanPage() {
     const isSameTask = source.index === destination.index;
     if (isSameStatus && isSameTask) return;
 
-    const newTasks = createChangedTasks(tasks, dropResult, isSameStatus);
-    setTasks(newTasks);
+    const newStatusTasks = createChangedStatusTasks(statusTasks, dropResult, isSameStatus);
+    setStatusTasks(newStatusTasks);
   };
 
   return (
     <section className="flex grow gap-10 pt-10">
       <DragDropContext onDragEnd={handleDragEnd}>
-        {tasks.map((data) => {
+        {statusTasks.map((data) => {
           const { statusId, name, color, tasks } = data;
           const droppableId = generatorPrefixId(statusId, 'status');
           return (