add task solution

mate-academy · Sep 3, 2023 · d8429a7 · d8429a7
1 parent 8720317
commit d8429a7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,4 +1,3 @@
-// import { deleteTodo } from '../api/todos';
 import { SortBy, Todo } from '../types';
 
 type Props = {
@@ -23,7 +22,7 @@ export const Footer: React.FC<Props> = ({
   const deleteCompletedtodo = () => {
     try {
       todos.forEach(async todo => {
-        if (todo.completed === true) {
+        if (todo.completed) {
           handleSelectedTodo([...selectedTodo, todo.id]);
         }
       });
@@ -32,7 +31,7 @@ export const Footer: React.FC<Props> = ({
     }
 
     todos.forEach(todo => {
-      if (todo.completed === true) {
+      if (todo.completed) {
         handleDeleteTodo(todo.id);
       }
     });
@@ -47,7 +46,7 @@ export const Footer: React.FC<Props> = ({
       <nav className="filter">
         <a
           href="#/"
-          className={sortBy === 'all'
+          className={sortBy === SortBy.all
             ? 'filter__link selected'
             : 'filter__link'}
           onClick={() => handleSetSortBy(SortBy.all)}

diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
@@ -136,7 +136,7 @@ export const Todos: React.FC<Props> = ({
                   <input
                     type="text"
                     ref={inputRef}
-                    className="todoapp__new-todo"
+                    className="todo__title-field"
                     value={inputValue}
                     onChange={(e) => {
                       setInputValue(e.target.value);