From 035c362f482a7e3c92805ef97bfdece400169da6 Mon Sep 17 00:00:00 2001 From: quangnhankie Date: Wed, 8 Sep 2021 15:45:31 +0700 Subject: [PATCH] fix: Fix link data demo recipesListPage --- pages/test.tsx | 4 +- .../recipes/RecipeListPage/RecipeListPage.tsx | 66 +++++++++---------- 2 files changed, 35 insertions(+), 35 deletions(-) diff --git a/pages/test.tsx b/pages/test.tsx index db8f4cf70..b92b6f60e 100644 --- a/pages/test.tsx +++ b/pages/test.tsx @@ -65,9 +65,9 @@ export default function Test() { return ( <> - + {/* */} - {/* */} + {/* */} diff --git a/src/components/modules/recipes/RecipeListPage/RecipeListPage.tsx b/src/components/modules/recipes/RecipeListPage/RecipeListPage.tsx index eb269d5c4..e1384085c 100644 --- a/src/components/modules/recipes/RecipeListPage/RecipeListPage.tsx +++ b/src/components/modules/recipes/RecipeListPage/RecipeListPage.tsx @@ -5,7 +5,6 @@ import MenuNavigation from 'src/components/common/MenuNavigation/MenuNavigation' import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'; import HeadingCommon from "../../../common/HeadingCommon/HeadingCommon"; import RecipesList from '../RecipesList/RecipesList'; - import blog1 from './img/blog1.png'; import blog2 from './img/blog2.png'; import blog3 from './img/blog3.png'; @@ -13,6 +12,7 @@ import blog4 from './img/blog4.png'; import blog5 from './img/blog5.png'; import blog6 from './img/blog6.png'; import s from './RecipeListPage.module.scss'; + const BREADCRUMB = [ { name: 'Home', @@ -27,43 +27,43 @@ const BREADCRUMB = [ const CATEGORY = [ { name: 'All', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, }, { name: 'Malaysian', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=malaysia`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=malaysia`, }, { name: 'Vietnamese', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=vietnamese`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=vietnamese`, }, { name: 'Thailand', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=thailand`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=thailand`, }, { name: 'Indian', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=indian`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=indian`, }, { name: 'Lao', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=lao`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=lao`, }, { name: 'Chinese', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=chinese`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=chinese`, }, { name: 'Korean', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=korean`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=korean`, }, { name: 'Japanese', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=japanese`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=japanese`, }, { name: 'Western', - link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=western`, + link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=western`, }, ]; @@ -71,43 +71,43 @@ const CATEGORY = [ const CATEGORYSELECT = [ { name: 'All', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, }, { name: 'Malaysian', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=malaysia`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=malaysia`, }, { name: 'Vietnamese', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=vietnamese`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=vietnamese`, }, { name: 'Thailand', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=thailand`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=thailand`, }, { name: 'Indian', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=indian`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=indian`, }, { name: 'Lao', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=lao`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=lao`, }, { name: 'Chinese', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=chinese`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=chinese`, }, { name: 'Korean', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=korean`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=korean`, }, { name: 'Japanese', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=japanese`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=japanese`, }, { name: 'Western', - value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=western`, + value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=western`, }, ]; @@ -117,55 +117,55 @@ const RECIPES = [ image: blog1.src, title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners", description: 'The DEBM diet stands for "Delicious Happy Fun Diet". This diet was popularized by Robert...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=veggie` + link: `${ROUTE.RECIPES}` }, { id: '2', image: blog2.src, title: "9 Ways to Make an Aloe Vera Mask at Home", description: 'Aloe vera or aloe vera is a green plant, has thorns on the side of the skin with yellowish patches and...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=seafood` + link: `${ROUTE.RECIPES}` } , { id: '3', image: blog3.src, title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit", description: 'Aloe vera or aloe vera is a green plant, has thorns on the side of the skin with yellowish patches and...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=coffee-bean` + link: `${ROUTE.RECIPES}` } , { id: '4', image: blog4.src, title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners", description: 'The DEBM diet stands for "Delicious Happy Fun Diet". This diet was popularized by Robert...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=sauce`, + link: `${ROUTE.RECIPES}`, }, { id: '5', image: blog5.src, title: "9 Ways to Make an Aloe Vera Mask at Home", description: 'Aloe vera or aloe vera is a green plant, has thorns on the side of the skin with yellowish patches and...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=sauce`, + link: `${ROUTE.RECIPES}`, } , { id: '6', image: blog6.src, title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit", description: 'Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...', - link: `${ROUTE.PRODUCTS}?${QUERY_KEY.RECIPES}=sauce`, + link: `${ROUTE.RECIPES}`, } ]; const OPTIONSLECT=[ { - name:"SORT BY 1", - value:"1" + name:"Most Viewed", + value:"most-viewed" }, { - name:"SORT BY 2", - value:"2" + name:"Lastest Blogs", + value:"lastest-blogs" }, { - name:"SORT BY 3", - value:"3" + name:"Recent Blogs", + value:"recent-blogs" }, ] const BANNER =[