diff options
| author | Mqdd <ahmadmiqdad27@gmail.com> | 2025-12-04 14:33:54 +0700 |
|---|---|---|
| committer | Mqdd <ahmadmiqdad27@gmail.com> | 2025-12-04 14:33:54 +0700 |
| commit | c10b1479d9a134700f10c3f8c734daf5042626c5 (patch) | |
| tree | 9b82c2e2d0182eb0de099c5f9d057d2cf8bf4b0d /src/lib/product/components/Product/ProductDesktopVariant.jsx | |
| parent | 3746587d5ecf639fb9ed75343aaf8f5b3d71812e (diff) | |
| parent | 3ea1f49b036bfa352106142866f454bde2c61e02 (diff) | |
Merge branch 'new-release' of https://bitbucket.org/altafixco/next-indoteknik into cr_renca_keyword
merge
Diffstat (limited to 'src/lib/product/components/Product/ProductDesktopVariant.jsx')
| -rw-r--r-- | src/lib/product/components/Product/ProductDesktopVariant.jsx | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/src/lib/product/components/Product/ProductDesktopVariant.jsx b/src/lib/product/components/Product/ProductDesktopVariant.jsx index a6871fa2..1584dc92 100644 --- a/src/lib/product/components/Product/ProductDesktopVariant.jsx +++ b/src/lib/product/components/Product/ProductDesktopVariant.jsx @@ -314,6 +314,11 @@ const ProductDesktopVariant = ({ fetchData(); }, [product]); + const getImageVariant = (img) => { + if (!img || img.trim() === '') return '/images/noimage.jpeg'; + return `${img}?variant=True`; + }; + return ( <DesktopView> <div className='relative'> @@ -332,8 +337,8 @@ const ProductDesktopVariant = ({ <div className='w-full flex flex-wrap'> <div className='w-5/12'> <Image - src={product.image + '?variant=True'} - alt={product.name} + src={getImageVariant(product?.image)} + alt={product?.name} className='w-full h-[350px]' /> </div> @@ -345,9 +350,9 @@ const ProductDesktopVariant = ({ size={18} className='text-red-600 shrink-0 mx-2' /> - <div className='text-red-600 font-normal text-h-lg p-2'> - Maaf untuk saat ini Produk yang anda cari tidak tersedia - </div> + <div className='text-red-600 font-normal text-h-lg p-2'> + Maaf untuk saat ini Produk yang anda cari tidak tersedia + </div> </div> )} <h1 className='text-title-md leading-10 font-medium'> |
