feat: Task 컴포넌트에 blockId prop 추가(#59)

dnd-side-project · Mar 2, 2023 · 9a39a81 · 9a39a81
1 parent 442b24f
commit 9a39a81
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Block/Task/index.tsx b/src/components/Block/Task/index.tsx
@@ -5,7 +5,12 @@ import type { Task as TaskType } from '@/types/block'
 import useDebounce from '@/hooks/useDebounce'
 import { dayBlockAPI } from '@/api'
 
-const Task = ({ isDone, task, taskId }: TaskType) => {
+const Task = ({
+  isDone,
+  task,
+  taskId,
+  blockId,
+}: TaskType & { blockId: number }) => {
   const [isChecked, setIsChecked] = useState(isDone)
   const [taskValue, setTaskValue] = useState<string>('')
   const debouncedValue = useDebounce<string>(taskValue, 500)

diff --git a/src/components/Block/index.tsx b/src/components/Block/index.tsx
@@ -153,7 +153,7 @@ const Block = ({
             <AddTaskButton blockId={blockId} />
             <div className="mt-6">
               {tasks?.map((task) => (
-                <Task {...task} key={task.taskId} />
+                <Task key={task.taskId} {...task} blockId={blockId} />
               ))}
             </div>
           </div>