crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix link data demo recipesListPage

Browse Source
This commit is contained in:
quangnhankie
2021-09-08 15:45:31 +07:00
parent 92b37ae10a
commit 035c362f48
2 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/test.tsx
View File

@@ -65,9 +65,9 @@ export default function Test() {
return ( return (
<> <>
<BlogDetailPage /> {/* <BlogDetailPage /> */}
{/* <RecipeListPage/> */} <RecipeListPage/>
{/* <MenuNavigation heading="CATEGORIES" categories={CATEGORY}/> {/* <MenuNavigation heading="CATEGORIES" categories={CATEGORY}/>
<MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={BRAND}/> */} <MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={BRAND}/> */}

66
src/components/modules/recipes/RecipeListPage/RecipeListPage.tsx
View File

@@ -5,7 +5,6 @@ import MenuNavigation from 'src/components/common/MenuNavigation/MenuNavigation'
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'; import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils';
import HeadingCommon from "../../../common/HeadingCommon/HeadingCommon"; import HeadingCommon from "../../../common/HeadingCommon/HeadingCommon";
import RecipesList from '../RecipesList/RecipesList'; import RecipesList from '../RecipesList/RecipesList';
import blog1 from './img/blog1.png'; import blog1 from './img/blog1.png';
import blog2 from './img/blog2.png'; import blog2 from './img/blog2.png';
import blog3 from './img/blog3.png'; import blog3 from './img/blog3.png';
@@ -13,6 +12,7 @@ import blog4 from './img/blog4.png';
import blog5 from './img/blog5.png'; import blog5 from './img/blog5.png';
import blog6 from './img/blog6.png'; import blog6 from './img/blog6.png';
import s from './RecipeListPage.module.scss'; import s from './RecipeListPage.module.scss';
const BREADCRUMB = [ const BREADCRUMB = [
{ {
name: 'Home', name: 'Home',
@@ -27,43 +27,43 @@ const BREADCRUMB = [
const CATEGORY = [ const CATEGORY = [
{ {
name: 'All', name: 'All',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`,
}, },
{ {
name: 'Malaysian', name: 'Malaysian',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=malaysia`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=malaysia`,
}, },
{ {
name: 'Vietnamese', name: 'Vietnamese',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=vietnamese`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=vietnamese`,
}, },
{ {
name: 'Thailand', name: 'Thailand',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=thailand`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=thailand`,
}, },
{ {
name: 'Indian', name: 'Indian',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=indian`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=indian`,
}, },
{ {
name: 'Lao', name: 'Lao',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=lao`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=lao`,
}, },
{ {
name: 'Chinese', name: 'Chinese',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=chinese`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=chinese`,
}, },
{ {
name: 'Korean', name: 'Korean',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=korean`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=korean`,
}, },
{ {
name: 'Japanese', name: 'Japanese',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=japanese`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=japanese`,
}, },
{ {
name: 'Western', name: 'Western',
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=western`, link: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=western`,
}, },
]; ];
@@ -71,43 +71,43 @@ const CATEGORY = [
const CATEGORYSELECT = [ const CATEGORYSELECT = [
{ {
name: 'All', name: 'All',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=${OPTION_ALL}`,
}, },
{ {
name: 'Malaysian', name: 'Malaysian',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=malaysia`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=malaysia`,
}, },
{ {
name: 'Vietnamese', name: 'Vietnamese',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=vietnamese`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=vietnamese`,
}, },
{ {
name: 'Thailand', name: 'Thailand',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=thailand`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=thailand`,
}, },
{ {
name: 'Indian', name: 'Indian',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=indian`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=indian`,
}, },
{ {
name: 'Lao', name: 'Lao',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=lao`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=lao`,
}, },
{ {
name: 'Chinese', name: 'Chinese',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=chinese`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=chinese`,
}, },
{ {
name: 'Korean', name: 'Korean',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=korean`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=korean`,
}, },
{ {
name: 'Japanese', name: 'Japanese',
value: `${ROUTE.PRODUCTS}/?${QUERY_KEY.RECIPES}=japanese`, value: `${ROUTE.RECIPES}/?${QUERY_KEY.RECIPES}=japanese`,
}, },
{ {
name: 'Western', 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, image: blog1.src,
title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners", 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...', 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', id: '2',
image: blog2.src, image: blog2.src,
title: "9 Ways to Make an Aloe Vera Mask at Home", 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...', 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', id: '3',
image: blog3.src, image: blog3.src,
title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit", 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...', 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', id: '4',
image: blog4.src, image: blog4.src,
title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners", 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...', 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', id: '5',
image: blog5.src, image: blog5.src,
title: "9 Ways to Make an Aloe Vera Mask at Home", 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...', 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', id: '6',
image: blog6.src, image: blog6.src,
title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit", 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...', 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=[ const OPTIONSLECT=[
{ {
name:"SORT BY 1", name:"Most Viewed",
value:"1" value:"most-viewed"
}, },
{ {
name:"SORT BY 2", name:"Lastest Blogs",
value:"2" value:"lastest-blogs"
}, },
{ {
name:"SORT BY 3", name:"Recent Blogs",
value:"3" value:"recent-blogs"
}, },
] ]
const BANNER =[ const BANNER =[