feat: Search tasks

bentinata · Jul 6, 2024 · bd27406 · bd27406
1 parent b0cf1b5
commit bd27406
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/App.tsx b/src/App.tsx
@@ -9,6 +9,7 @@ function App() {
       status: "COMPLETED",
     },
   ]);
+  const [search, setSearch] = useState("");
 
   function addTask() {
     const newTask: Task = {
@@ -18,6 +19,10 @@ function App() {
     setTasks((prevTasks) => [...prevTasks, newTask]);
   }
 
+  function filterTask() {
+    return tasks.filter((task) => task.title.includes(search));
+  }
+
   function deleteTask(deletedTitle: string) {
     setTasks((prevTasks) =>
       prevTasks.filter((task) => task.title !== deletedTitle),
@@ -34,9 +39,13 @@ function App() {
 
   return (
     <>
+      <input
+        placeholder="Input task name"
+        onChange={(e) => setSearch(e.target.value)}
+      ></input>
       <button onClick={addTask}>Add task</button>
       <TaskList
-        tasks={tasks}
+        tasks={filterTask()}
         onDelete={deleteTask}
         onCompleted={completeTask}
       />