diff --git a/src/components/task-row.tsx b/src/components/task-row.tsx index a01fbe5..15399b3 100644 --- a/src/components/task-row.tsx +++ b/src/components/task-row.tsx @@ -2,7 +2,7 @@ import { useState } from 'react' import { taskTypes, taskStatuses } from './consts'; import { EnumSelect } from './enum-select'; -export function TaskRow({ task, updateTask, deleteTask, orderTasks }: TaskProps & { task: TodoTask }) { +export function TaskRow({ task, updateTask, deleteTask, swapTasks }: TaskProps & { task: TodoTask }) { const [edit, setEdit] = useState(false); const [classnames, setClassnames] = useState([]); @@ -45,7 +45,7 @@ export function TaskRow({ task, updateTask, deleteTask, orderTasks }: TaskProps onDrop={event => { event.stopPropagation(); setClassnames([]) - orderTasks(+event.dataTransfer.getData('text/plain'), task.id); + swapTasks(+event.dataTransfer.getData('text/plain'), task.id); }} onDragEnd={() => { setClassnames([]) diff --git a/src/routes/list.tsx b/src/routes/list.tsx index d13771e..4047c52 100644 --- a/src/routes/list.tsx +++ b/src/routes/list.tsx @@ -67,10 +67,10 @@ function App() { return ( <> - + - + ) diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index afab525..a732b50 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -13,5 +13,5 @@ type TodoTasks = TodoTask[]; interface TaskProps { updateTask: (task: TodoTask) => void; deleteTask: (id: number) => void; - orderTasks: (from: number, to: number) => void; + swapTasks: (from: number, to: number) => void; }