diff --git a/README.md b/README.md index 8e55ff5..b6b5165 100644 --- a/README.md +++ b/README.md @@ -59,6 +59,8 @@ Free meal planner for cooks short on ideas! (like me …) - Send a daily suggestion to newsletter - History - Language selection +- Nutritive value +- Add personal notes ## Supports @@ -98,3 +100,4 @@ Free meal planner for cooks short on ideas! (like me …) - code cleanup (props and refactoring) - Back to top button - Take a look at some components [here](http://react-materialize.github.io/react-materialize/?path=/story/css-grid--default) +- Breadcrumb diff --git a/src/App.js b/src/App.js index e86fe52..109a2d7 100644 --- a/src/App.js +++ b/src/App.js @@ -142,10 +142,7 @@ export const App = () => { - + diff --git a/src/components/CategoryEntry.jsx b/src/components/CategoryEntry.jsx index c40bc45..f56dfc9 100644 --- a/src/components/CategoryEntry.jsx +++ b/src/components/CategoryEntry.jsx @@ -1,12 +1,12 @@ import React from "react"; import { Link, useRouteMatch } from "react-router-dom"; -const CategoryEntry = props => { +const CategoryEntry = ({ category }) => { const { strCategory, strCategoryThumb // strCategoryDescription - } = props.category; + } = category; const { url } = useRouteMatch(); diff --git a/src/components/MealPresentation.jsx b/src/components/MealPresentation.jsx index df48175..e1ef698 100644 --- a/src/components/MealPresentation.jsx +++ b/src/components/MealPresentation.jsx @@ -45,6 +45,9 @@ export const MealPresentation = props => {
  • Origin: {mealArea} + {/* + See every {mealArea} recipes + */}
  • diff --git a/src/pages/CategoryList.jsx b/src/pages/CategoryList.jsx index 18a28e1..9d477a7 100644 --- a/src/pages/CategoryList.jsx +++ b/src/pages/CategoryList.jsx @@ -1,9 +1,9 @@ import React, { useEffect } from "react"; import CategoryEntry from "../components/CategoryEntry"; -export const CategoryListPage = props => { - const { categories } = props.categories; - const { getCategories } = props; +export const CategoryListPage = ({ items, getCategories }) => { + const categories = items.categories; + // const { getCategories } = props; useEffect(() => { getCategories();