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();