All files / src/components/List index.tsx

75% Statements 3/4
50% Branches 1/2
50% Functions 1/2
75% Lines 3/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17          1x 2x 2x                  
import ListItem from "components/ListItem";
import { useRecoilValue } from "recoil"
import { filterTodoListState } from "store/todo";
 
 
const List = () => {
    const todos = useRecoilValue(filterTodoListState);
    return (
        <section>
            {!!todos.length && <hr />}
            {todos.map(todo => <ListItem key={todo.id} todo={todo} />)}
        </section>
    )
}
 
export default List