From df47b3a6f4024361d29e05018eee31203fef2c86 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Tue, 14 Sep 2021 14:36:54 +0700
Subject: [PATCH] :recycle: enhan: add prop blurDataURL to component
 ImgWithLink

:%s
---
 src/components/common/ImgWithLink/ImgWithLink.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/common/ImgWithLink/ImgWithLink.tsx b/src/components/common/ImgWithLink/ImgWithLink.tsx
index 62a30fa45..212e45583 100644
--- a/src/components/common/ImgWithLink/ImgWithLink.tsx
+++ b/src/components/common/ImgWithLink/ImgWithLink.tsx
@@ -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>
     )