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

♻️ enhan: add prop blurDataURL to component ImgWithLink

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-09-14 14:36:54 +07:00
parent 208ddd146f
commit df47b3a6f4
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/ImgWithLink/ImgWithLink.tsx
View File

@ -6,16 +6,17 @@ import { BLUR_DATA_IMG } from 'src/utils/constanst.utils'
export interface ImgWithLinkProps {
src: string,
alt?: string,
blurDataURL?: string,
}
const ImgWithLink = ({ src, alt }: ImgWithLinkProps) => {
const ImgWithLink = ({ src, alt, blurDataURL = BLUR_DATA_IMG }: ImgWithLinkProps) => {
return (
<div className={s.imgWithLink}>
<Image src={src} alt={alt}
layout="fill"
className={s.imgWithLink}
placeholder="blur"
blurDataURL={BLUR_DATA_IMG}
blurDataURL={blurDataURL}
/>
</div>
)