add task solution

src/App.tsx

@@ -64,6 +64,7 @@ export const App = () => {
 
       <form action="/api/todos" method="POST" onSubmit={onSubmit}>
         <div className="field">
+        <label htmlFor="titleInput">Todo title</label>
           <input type="text" 
           data-cy="titleInput"  
           value={title}
@@ -78,6 +79,7 @@ export const App = () => {
         </div>
 
         <div className="field">
+          <label htmlFor="userSelect">User</label>
           <select data-cy="userSelect" value={userId} onChange={ 
             (event)=>{
               setUserId(+event.target.value)

src/components/TodoInfo/TodoInfo.tsx

@@ -1,7 +1,5 @@
 import React from "react";
-import users from "../../api/users";
-
-import { todo, user } from "../types";
+import { todo} from "../types";
 import classNames from "classnames";
 import { UserInfo } from "../UserInfo";
 

src/components/TodoList/TodoList.tsx

@@ -7,7 +7,7 @@ type Props = {
 export const TodoList: React.FC<Props> = ({todos}) => {
     return (<section className="TodoList">
         {todos.map(todo => [
-            <TodoInfo todo={todo}/>
+            <TodoInfo todo={todo} key = {todo.id}/>
         ])}
 
       </section>)

src/components/UserInfo/UserInfo.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import users from "../../api/users";
 import { user } from "../types";
 
 type Props = {