fix: 외부 편집 사항이 내 편집사항을 덮어쓰는 문제 해결

boostcampwm-2024 · Dec 4, 2024 · 22eb74f · 22eb74f
1 parent ada9649
commit 22eb74f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/apps/client/src/features/project/board/components/KanbanBoard.tsx b/apps/client/src/features/project/board/components/KanbanBoard.tsx
@@ -60,6 +60,8 @@ export function KanbanBoard({ projectId }: KanbanBoardProps) {
   } = useDragAndDrop(onDrop);
 
   const handleTitleChange = (taskId: number, newTitle: string) => {
+    updateTaskTitle(taskId, newTitle);
+
     const task = findTask(sections, taskId);
     if (!task) return;
 
@@ -96,8 +98,6 @@ export function KanbanBoard({ projectId }: KanbanBoardProps) {
     } else if (diff.content.length > 0) {
       updateTitleMutate(insertPayload);
     }
-
-    updateTaskTitle(taskId, newTitle);
   };
 
   return (

diff --git a/apps/client/src/features/project/board/useBoardStore.ts b/apps/client/src/features/project/board/useBoardStore.ts
@@ -213,8 +213,8 @@ const handleTitleInserted = (sections: TSection[], event: TaskEvent): TSection[]
     const task = section.tasks.find((t) => t.id === event.task.id);
 
     const title = task?.title ?? '';
-    const { position, content, length } = event.task.title!;
-    const newTitle = title.slice(0, position) + content + title.slice(position + length);
+    const { position, content } = event.task.title!;
+    const newTitle = title.slice(0, position) + content + title.slice(position);
 
     return {
       ...section,
@@ -223,7 +223,7 @@ const handleTitleInserted = (sections: TSection[], event: TaskEvent): TSection[]
   });
 };
 
-const handleTitleDeleted = (sections: TSection[], event: TaskEvent): TSection[] => {
+export const handleTitleDeleted = (sections: TSection[], event: TaskEvent): TSection[] => {
   return sections.map((section) => {
     const task = section.tasks.find((t) => t.id === event.task.id);