ToDos filtered by categories

Author: karmeensec

src/components/ToDoList.tsx

@@ -2,14 +2,14 @@ import React, { FC } from 'react'
 import ToDo from './ToDo'
 
 
-const ToDoList = ({ todos, setTodos }: any) => {
+const ToDoList = ({ todos, setTodos, toDoFilter }: any) => {
 
   return (
 
     <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
 
       <ul style={{ listStyle: 'none', fontSize: '1.5rem', fontFamily: 'Indie Flower', color: '#F7F9F9', minWidth: '50vh', }}>
-          {todos.map( (todo: any) => ( 
+          {toDoFilter.map( (todo: any) => ( 
             <ToDo text = {todo.text} id = {todo.id} key={todo.id} todos = {todos} setTodos = {setTodos} todo={todo} />
           ))}
       </ul>