From 0803e4097fbd5932c20a159298b07b1688148045 Mon Sep 17 00:00:00 2001
From: veto221 <=>
Date: Fri, 15 Apr 2022 16:09:44 +0200
Subject: [PATCH 1/9] center main text on 404 page
---
src/pages/404.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/pages/404.js b/src/pages/404.js
index f285945..5edda65 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -9,7 +9,7 @@ const NotFoundPage = () => (
Page not found
-
+
{/* Example usage of button */}
From 9aff642984ddf286999093026f3d3ea168f45455 Mon Sep 17 00:00:00 2001
From: veto221 <=>
Date: Fri, 15 Apr 2022 16:23:48 +0200
Subject: [PATCH 2/9] use class instand of styles
---
src/pages/404.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/pages/404.js b/src/pages/404.js
index 5edda65..d9e346c 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -9,7 +9,7 @@ const NotFoundPage = () => (
Page not found
-
+
{/* Example usage of button */}
From 8c5fd96b1d3d3289053123bef701e9eb2e67abde Mon Sep 17 00:00:00 2001
From: Karol Grochowalski
Date: Wed, 20 Apr 2022 16:01:06 +0200
Subject: [PATCH 3/9] update flotiq react components
---
src/components/RecipeSteps.js | 11 ++++++-----
src/pages/404.js | 2 +-
src/sections/RecipeCards.js | 2 +-
src/templates/index.js | 13 +++++++------
src/templates/recipe.js | 17 +++++++++--------
5 files changed, 24 insertions(+), 21 deletions(-)
diff --git a/src/components/RecipeSteps.js b/src/components/RecipeSteps.js
index 86b442e..79c1b33 100644
--- a/src/components/RecipeSteps.js
+++ b/src/components/RecipeSteps.js
@@ -8,11 +8,12 @@ const RecipeSteps = ({ additionalClass, steps }) => (
>
{steps.map((step, index) => (
-
-
+
+ {`Step ${index + 1}`}
+
+
+ {step.step}
+
{step.image && step.image[0]
&& (
(
Page not found
-
+
{/* Example usage of button */}
diff --git a/src/sections/RecipeCards.js b/src/sections/RecipeCards.js
index 3b45629..d8d89ce 100644
--- a/src/sections/RecipeCards.js
+++ b/src/sections/RecipeCards.js
@@ -8,7 +8,7 @@ const RecipeCards = ({ recipes, headerText, compact = false }) => (
? 'max-w-7xl mt-6 mb-6 mx-auto px-4 py-4 sm:px-6 lg:px-8'
: 'max-w-7xl mt-6 mb-6 mx-auto px-4 py-4 sm:px-6 lg:px-8 xl:px-0'}
>
- {headerText &&
}
+ {headerText &&
}
{recipes.map((recipe) => (
{/* Content of tag */}
diff --git a/src/templates/recipe.js b/src/templates/recipe.js
index 0a9ac1f..f368972 100644
--- a/src/templates/recipe.js
+++ b/src/templates/recipe.js
@@ -35,8 +35,9 @@ const RecipeTemplate = ({ data }) => {
+ >
+ {recipe.name}
+
@@ -51,15 +52,15 @@ const RecipeTemplate = ({ data }) => {
{recipe.servings}
-
+
+ {recipe.description}
+
-
+
+ {ingredientsHeaderText}
+