feat(ui): implement list controls visibility when no Todos

redis-developer · Feb 23, 2021 · 49e9003 · 49e9003
1 parent e06df16
commit 49e9003
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/main/webapp/src/components/todo_list_controls.js b/src/main/webapp/src/components/todo_list_controls.js
@@ -13,7 +13,7 @@ const TodoListControls = function (props) {
   ]);
 
   return (
-    <footer className="footer">
+    <>{todos.length > 0 && <footer className="footer">
       {/*  This should be `0 items left` by default  */}
       <span className="todo-count"><strong>{itemsLeft}</strong> {itemsLeft != 1 ? "items" : "item"} left</span>
       {/*  Remove this if you don't implement routing  */}
@@ -32,7 +32,7 @@ const TodoListControls = function (props) {
       {itemsCompleted > 0 &&
         <button className="clear-completed" onClick={clearCompleted}>Clear completed</button>
       }
-    </footer>
+    </footer>}</>
   );
 }