Update: delete todos completed

Author: DevonyRamirez

04-ToDo-app/src/store/todo.store.js

@@ -100,7 +100,7 @@ const setFilter = ( newFilter = Filters.All ) => {
 }
 
 const getCurrentFilter = () => {
-    return state.filter;
+    return state.filter; 
 }
 
 

04-ToDo-app/src/todos/app.js

@@ -4,7 +4,8 @@ import { renderTodos } from './use-cases';
 const ElementIDs={
     TodoList:'.todo-list',
     NewTodoInput:'#new-todo-input',
-    DeleteElement:".destroy"
+    DeleteElement:".destroy",
+    ClearCompletedButton:".clear-completed",
 }
 
 /**
@@ -35,7 +36,7 @@ export const App = ( elementId ) => {
     const newDescriptionInput=document.querySelector(ElementIDs.NewTodoInput)
     const todoListUL=document.querySelector(ElementIDs.TodoList)
     const destroylistUl=document.querySelector(ElementIDs.DeleteElement)
-
+    const clearCompletedButton=document.querySelector(ElementIDs.ClearCompletedButton)
 
 
     //listeners
@@ -65,6 +66,12 @@ export const App = ( elementId ) => {
     });
 
 
+    clearCompletedButton.addEventListener('click', () => {
+        todoStore.deleteCompleted();
+        displayTodos();
+    });
+
+
 }