42 lines
935 B
TypeScript
42 lines
935 B
TypeScript
import React from 'react';
|
|
import TaskItem from './TaskItem';
|
|
import { Project } from '../../entities/Project';
|
|
import { Task } from '../../entities/Task';
|
|
|
|
interface TaskListProps {
|
|
tasks: Task[];
|
|
onTaskUpdate: (task: Task) => void;
|
|
onTaskCreate?: (task: Task) => void;
|
|
onTaskDelete: (taskId: number) => void;
|
|
projects: Project[];
|
|
}
|
|
|
|
const TaskList: React.FC<TaskListProps> = ({
|
|
tasks,
|
|
onTaskUpdate,
|
|
onTaskCreate,
|
|
onTaskDelete,
|
|
projects,
|
|
}) => {
|
|
return (
|
|
<div>
|
|
{tasks.length > 0 ? (
|
|
tasks.map((task) => (
|
|
<TaskItem
|
|
key={task.id}
|
|
task={task}
|
|
onTaskUpdate={onTaskUpdate}
|
|
onTaskDelete={onTaskDelete}
|
|
projects={projects}
|
|
/>
|
|
))
|
|
) : (
|
|
<p className="text-gray-500 dark:text-gray-400 text-center mt-4">
|
|
No tasks available.
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TaskList;
|