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 type Image

Browse Source
This commit is contained in:
quangnhankie 2021-09-08 11:43:04 +07:00
parent ae5e7e8d43
commit d642460c65
4 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pages/test.tsx
View File

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

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

@ -114,40 +114,40 @@ const CATEGORYSELECT = [
const RECIPES = [
{
id: '1',
image: blog1,
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`
}, {
id: '2',
image: blog2,
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`
}
, {
id: '3',
image: blog3,
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`
}
, {
id: '4',
image: blog4,
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`,
}, {
id: '5',
image: blog5,
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`,
}
, {
id: '6',
image: blog6,
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`,

5
src/components/modules/recipes/RecipesList/RecipesItem/RecipesItem.tsx
View File

@ -1,11 +1,10 @@
import Image from "next/image";
import Link from 'next/link';
import React from 'react';
import s from './RecipesItem.module.scss';
interface RecipesItem {
image:StaticImageData,
image:string,
name: string,
description:string,
link: string
@ -17,7 +16,7 @@ const RecipesItem = ({ image, name,description, link }: RecipesItem) => {
<div className={s.recipesItemImage}>
<Link href={link}>
<a>
<Image src={image} />
<img src={image} />
</a>
</Link>
</div>

2
src/components/modules/recipes/RecipesList/RecipesList.tsx
View File

@ -8,7 +8,7 @@ interface Props{
recipes:{
id:string,
title:string,
image:StaticImageData,
image:string,
description:string,
link:string
}[],