From 42feb82ba8a516db451123774cc9f340e977be09 Mon Sep 17 00:00:00 2001
From: Korshun <dmitriy.kor91@gmail.com>
Date: Mon, 13 Jan 2025 19:10:11 +0200
Subject: [PATCH] add task solution

---
 src/components/TodoItem/TodoItem.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/TodoItem/TodoItem.tsx b/src/components/TodoItem/TodoItem.tsx
index eae9d285b..1b0350519 100644
--- a/src/components/TodoItem/TodoItem.tsx
+++ b/src/components/TodoItem/TodoItem.tsx
@@ -21,7 +21,7 @@ export const TodoItem: React.FC<Props> = ({ todo }) => {
   }
 
   const deleteTodo = (id: number) => {
-    const filteredTodos = todos.filter(todo => todo.id !== id);
+    const filteredTodos = todos.filter(t => t.id !== id);
 
     setTodos(filteredTodos);
     localStorage.setItem('todos', JSON.stringify(filteredTodos));
@@ -31,7 +31,7 @@ export const TodoItem: React.FC<Props> = ({ todo }) => {
   }
 
   const editTodo = (title: string, id: number) => {
-    const updatedTodos = todos.map(todo => todo.id === id ? { ...todo, title } : todo);
+    const updatedTodos = todos.map(t => t.id === id ? { ...t, title } : t);
 
     setTodos(updatedTodos);
     localStorage.setItem('todos', JSON.stringify(updatedTodos));
@@ -76,8 +76,8 @@ export const TodoItem: React.FC<Props> = ({ todo }) => {
   };
 
   const toggleTodoStatus = (id: number) => {
-    const updatedTodos = todos.map(todo =>
-      todo.id === id ? { ...todo, completed: !todo.completed } : todo
+    const updatedTodos = todos.map(t =>
+      t.id === id ? { ...t, completed: !t.completed } : t
     );
 
     setTodos(updatedTodos);
@@ -86,8 +86,9 @@ export const TodoItem: React.FC<Props> = ({ todo }) => {
 
   return (
     <div data-cy="Todo" className={classNames("todo", {completed: todo.completed})} onDoubleClick={handleDoubleClick}>
-      <label className="todo__status-label">
+      <label htmlFor="todoStatus" className="todo__status-label">
         <input
+          id="todoStatus"
           data-cy="TodoStatus"
           type="checkbox"
           className="todo__status"