<MIqdad> mobile watermark

1 files changed, 9 insertions, 0 deletions

diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index 388d2248..48270dee 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -152,6 +152,15 @@ const ProductDetail = ({ product }: Props) => {
           />
         </div>
       )}
+      {isMobile && !hasPrice && (
+        <div className='fixed inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'>
+          <img
+            src='/images/produk_tidak_tersedia.svg'
+            alt='Produk tidak tersedia'
+            className='w-[100%] opacity-[75%] -translate-x-[2%]'
+          />
+        </div>
+      )}
 
       <div className='md:flex md:flex-wrap'>
         <div className='w-full mb-4 md:mb-0 px-4 md:px-0'>