fix Clear completed

src/app.jsx

@@ -92,16 +92,18 @@ var app = app || {};
 var main;
 var todos = this.props.model.todos;
 
-var shownTodos = todos.filter(function (todo) {
-switch (this.state.nowShowing) {
-case app.ACTIVE_TODOS:
-return !todo.completed;
-case app.COMPLETED_TODOS:
-return todo.completed;
-default:
-return true;
-}
-}, this);
+var shownTodos = todos
+ .filter(todo => !todo.cleared)
+ .filter(function (todo) {
+	switch (this.state.nowShowing) {
+	case app.ACTIVE_TODOS:
+	return !todo.completed;
+	case app.COMPLETED_TODOS:
+	return todo.completed;
+	default:
+	return true;
+	}
+	}, this);
 
 var todoItems = shownTodos.map(function (todo) {
 return (

src/todoModel.js

@@ -52,7 +52,8 @@ var app = app || {};
 const newTodo = {
 id: Utils.uuid(),
 title: title,
-completed: false
+completed: false,
+ cleared: false,
 }
 await Utils.store(this.db, this.key, newTodo);
 this.inform();
@@ -83,10 +84,13 @@ var app = app || {};
 this.inform();
 };
 
-app.TodoModel.prototype.clearCompleted = function () {
-this.todos = this.todos.filter(function (todo) {
-return !todo.completed;
-});
+app.TodoModel.prototype.clearCompleted = async function () {
+ for (let todo of this.todos) {
+ if (todo.completed) {
+ const updatedTodo = Utils.extend({}, todo, {cleared: true});
+ await Utils.store(this.db, this.key, updatedTodo);
+ }
+ }
 this.inform();
 };