diff --git a/src/lib/apps/todoApp.svelte b/src/lib/apps/todoApp.svelte
index b23b4c0..44db911 100644
--- a/src/lib/apps/todoApp.svelte
+++ b/src/lib/apps/todoApp.svelte
@@ -1,6 +1,8 @@
 <script>
     import {todos} from "$lib/stores/todos.js";
     let todo_text = "";
+    let todo_type = "all";
+    let filteredTodo = [];
     let addTodo = () => {
         if (todo_text.length > 0) {
             const todo = {
@@ -8,17 +10,21 @@
                 date: Date.now,
                 done: false
             }
+            if (todo_type == "done") todo_type = "all";
             $todos = [todo, ...$todos];
         }
     }
     let clearTodo = (todo) => {
-        if(todo.done)
+        if(todo.done) {
             $todos = $todos.filter(x => x != todo)
-        else
+        }
+        else {
             todo.done = true;
-            $todos = $todos;
+            $todos = $todos
+        }
     }
     let filterTodo = (type) => {
+        todo_type = type;
         switch (type) {
             case 'active':
                 filteredTodo = $todos.filter(todo => !todo.done);
@@ -31,7 +37,10 @@
                 break;
         }
     }
-    $: filteredTodo = $todos
+    $: {
+        filteredTodo = $todos;
+        filterTodo(todo_type)
+    }
 </script>
 
 <div class = "panel">