added ingredient information in recipe page

src/pages/recipe/Recipe.js

@@ -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>;
         }
     }