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

Enhanced Image Component

Browse Source
This commit is contained in:
Belen Curcio
2020-10-25 12:41:36 -03:00
parent 6565303cb5
commit 28cae88b5b
6 changed files with 67 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/product/ProductCard/ProductCard.tsx
View File

@@ -1,10 +1,10 @@
import { FC, ReactNode, Component } from 'react'
import React, { FC, ReactNode, Component } from 'react'
import cn from 'classnames'
import Image from 'next/image'
import Link from 'next/link'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-all-products'
import { Heart } from '@components/icon'
import s from './ProductCard.module.css'
import Link from 'next/link'
import { Heart } from '@components/icon'
import { EnhancedImage } from '@components/core'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-all-products'
interface Props {
className?: string
@@ -34,7 +34,7 @@ const ProductCard: FC<Props> = ({
{p.name}
</span>
</div>
<Image
<EnhancedImage
src={src}
alt={p.name}
width={imgWidth}
@@ -64,7 +64,7 @@ const ProductCard: FC<Props> = ({
</div>
</div>
<div className={cn(s.imageContainer)}>
<Image
<EnhancedImage
alt={p.name}
className={cn('w-full object-cover', s['product-image'])}
src={src}