diff --git a/src/components/todolist/TaskItem.jsx b/src/components/todolist/TaskItem.jsx index b21ca33a64ab756602e6729d207d3b77755549c5..2a4adcb50cdf43330d5732a9030b927b49ade754 100644 --- a/src/components/todolist/TaskItem.jsx +++ b/src/components/todolist/TaskItem.jsx @@ -30,7 +30,7 @@ export default function TaskItem({ task }) { /> <label htmlFor={task.id} - className="text-lg"> + className={`text-lg ${task.isCompleted ? 'line-through text-gray-400' : ''}`}> {task.name} </label> <button diff --git a/src/pages/Todolist.jsx b/src/pages/Todolist.jsx index 08910bbb082cd08a3f950b899fbf013d93c38679..7077cb0a15cc0769cba8212696bd424f4cafdaec 100644 --- a/src/pages/Todolist.jsx +++ b/src/pages/Todolist.jsx @@ -21,16 +21,14 @@ export default function Todolist() { <div> <h1 className="text-3xl font-bold text-left mb-6">Today</h1> </div> - <div> - <Link to="/" className="text-blue-600">Home</Link> - </div> <div> <AddTaskButton onClick={addTask}/> </div> <div> - <TaskList - tasks={tasks} - /> + {tasks.length > 0 ? ( + <TaskList tasks={tasks}/> + ): "You are done for the day !"} + </div> </div> </div>