crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-21 11:51:20 +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
Show Stats 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 (
<>
<BlogDetailPage />
{/* <BlogDetailPage /> */}
{/* <RecipeListPage/> */}
<RecipeListPage/>
{/* <MenuNavigation heading="CATEGORIES" categories={CATEGORY}/>
<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 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 =[