From 97d079e4b64aa02a51e5ab877a73f7f23c7c6296 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 22 Jan 2024 14:51:31 +0700
Subject: Add watermark on product image

---
 src-migrate/modules/product-detail/components/Image.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'src-migrate/modules/product-detail/components')

diff --git a/src-migrate/modules/product-detail/components/Image.tsx b/src-migrate/modules/product-detail/components/Image.tsx
index 2ab3ff59..fffe1480 100644
--- a/src-migrate/modules/product-detail/components/Image.tsx
+++ b/src-migrate/modules/product-detail/components/Image.tsx
@@ -1,6 +1,6 @@
 import style from '../styles/image.module.css';
 
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 import { InfoIcon } from 'lucide-react'
 import { Tooltip } from '@chakra-ui/react'
 
@@ -35,10 +35,15 @@ const Image = ({ product }: Props) => {
 
   const duration = moment.duration(count, 'seconds')
 
+  const image = useMemo(() => {
+    if (product.image) return product.image + '?watermark=true'
+    return '/images/noimage.jpeg'
+  }, [product.image])
+
   return (
     <div className={style['wrapper']}>
       <ImageUI
-        src={product.image || '/images/noimage.jpeg'}
+        src={image}
         alt={product.name}
         width={256}
         height={256}
-- 
cgit v1.2.3