toggel Input button

mate-academy · Sep 22, 2023 · ba3fdf1 · ba3fdf1
1 parent 161b43e
commit ba3fdf1
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
@@ -8,17 +8,20 @@ export const Input = () => {
     setNewTodoName,
     allTodosAreActive,
     toggleActiveTodo,
+    todos,
   } = useTodo();
 
   return (
     <header className="todoapp__header">
-      <button
-        type="button"
-        className={allTodosAreActive
-          ? 'todoapp__toggle-all active' : 'todoapp__toggle-all'}
-        onClick={() => toggleActiveTodo()}
-      />
-
+      {todos.length !== 0
+          && (
+            <button
+              type="button"
+              className={allTodosAreActive
+                ? 'todoapp__toggle-all active' : 'todoapp__toggle-all'}
+              onClick={() => toggleActiveTodo()}
+            />
+          )}
       <form onSubmit={addNewTodo}>
         <input
           type="text"