Prop names

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<string[]>([]);
 
@@ -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([])

src/routes/list.tsx

@@ -67,10 +67,10 @@ function App() {
   return (
     <>
       <AccordionItem title='Užduočių sąrašas' isOpen>
-        <TaskTable tasks={tasks} updateTask={updateTask} deleteTask={deleteTask} orderTasks={swapTasks} />
+        <TaskTable {...{ tasks, updateTask, deleteTask, swapTasks }} />
       </AccordionItem>
       <AccordionItem title='Nauja užduotis'>
-        <TaskForm createTask={createTask} />
+        <TaskForm {...{ createTask }} />
       </AccordionItem>
     </>
   )

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;
 }