Skip to content
Snippets Groups Projects
Commit b4d4ea73 authored by zh393's avatar zh393
Browse files

added ingredient information in recipe page

parent bb77cab5
No related branches found
No related tags found
1 merge request!4Added Banner.mov video
......@@ -46,7 +46,16 @@ function Recipe() {
body = <Typography variant="p">No instructions :(</Typography>
}
else {
body = <Typography variant="p">{data.instructions}</Typography>;
console.log(data);
body = <div>
<Typography variant="h5">Ingredients:</Typography>
<ul>
{data.extendedIngredients.map((ingredient, index) => {
return <li variant="p">{ingredient.original}</li>
})}
</ul>
<Typography variant="p">{data.instructions}</Typography>
</div>;
}
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment