do not render nonexistent todo

This commit is contained in:
Sergey Yarkov 2020-06-16 17:48:18 +03:00
parent 9fdd0962c3
commit f5eaf9e525

View File

@ -49,7 +49,9 @@ const Todos = ({ data }) => {
<> <>
<UpdateTodoModal isModalOpen={isModalOpen} handleOpenModal={handleOpenModal} handleCloseModal={handleCloseModal} selectedTodo={selectedTodo} setSelectedTodo={setSelectedTodo} /> <UpdateTodoModal isModalOpen={isModalOpen} handleOpenModal={handleOpenModal} handleCloseModal={handleCloseModal} selectedTodo={selectedTodo} setSelectedTodo={setSelectedTodo} />
<DeleteTodoDialog isOpenDialog={isOpenDialog} handleCloseDialog={handleCloseDialog} selectedTodo={selectedTodo} /> <DeleteTodoDialog isOpenDialog={isOpenDialog} handleCloseDialog={handleCloseDialog} selectedTodo={selectedTodo} />
{data.map((todo, i) => {data.map((todo, i) => {
if (todo.category) {
return (
<Grid key={i} item xs={12} md={4} lg={3}> <Grid key={i} item xs={12} md={4} lg={3}>
<Card> <Card>
<CardContent> <CardContent>
@ -77,7 +79,11 @@ const Todos = ({ data }) => {
</CardActions> </CardActions>
</Card> </Card>
</Grid> </Grid>
)} )
} else {
return null
}
})}
</> </>
) )
} }