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 =[