summaryrefslogtreecommitdiff
path: root/src/lib/product/components/Product/ProductDesktop.jsx
diff options
context:
space:
mode:
authorHATEC\SPVDEV001 <tri.susilo@altama.co.id>2023-04-11 13:10:20 +0700
committerHATEC\SPVDEV001 <tri.susilo@altama.co.id>2023-04-11 13:10:20 +0700
commit39dbe8f266beb7092bd6269dd737959d5e7ff5d0 (patch)
tree40bc37d216c046e65b29848ee5b71b65409323d7 /src/lib/product/components/Product/ProductDesktop.jsx
parent3df233e0c23e7d4503931ab6ec8ffc41642ac104 (diff)
notif berhasil di tambahan ke keranjang
Diffstat (limited to 'src/lib/product/components/Product/ProductDesktop.jsx')
-rw-r--r--src/lib/product/components/Product/ProductDesktop.jsx17
1 files changed, 15 insertions, 2 deletions
diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index 73d072e8..0bff3ceb 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -323,6 +323,7 @@ const ProductDesktop = ({ product, wishlist, toggleWishlist }) => {
</div>
<div>
<BottomPopup
+ className='!w-[50%]'
title='Berhasil Ditambahkan'
active={addCartAlert}
close={() => setAddCartAlert(false)}
@@ -335,8 +336,20 @@ const ProductDesktop = ({ product, wishlist, toggleWishlist }) => {
className='h-20 object-contain object-center w-full border border-gray_r-4'
/>
</div>
- <div className='ml-3 flex items-center text-sm font-normal'>{product.name}</div>
- <div className='w-[15%] ml-3 flex items-center text-sm font-normal align-middle'>Lihat Keranjang</div>
+ <div className='ml-3 flex flex-1 items-center text-sm font-normal'>
+ {product.name}
+ </div>
+ <div className='ml-3 flex items-center text-sm font-normal'>
+ <Link href='/shop/cart' className='flex-1 py-2 text-gray_r-12 btn-yellow'>
+ Lihat Keranjang
+ </Link>
+ </div>
+ </div>
+ <div className='my-12'>
+ <div className='text-h-lg font-semibold mb-6'>Kamu Mungkin Juga Suka</div>
+ <LazyLoad>
+ <ProductSimilar query={productSimilarQuery} />
+ </LazyLoad>
</div>
</BottomPopup>
</div>