From 1841a2d178a332633470c4cda629a2600b3e7c3b Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 11 Apr 2023 14:56:42 +0700
Subject: layout popup add to cart

---
 .../product/components/Product/ProductDesktop.jsx  | 58 +++++++++++-----------
 1 file changed, 28 insertions(+), 30 deletions(-)

(limited to 'src/lib/product/components/Product/ProductDesktop.jsx')

diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index 0bff3ceb..bb2b2db9 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -321,38 +321,36 @@ const ProductDesktop = ({ product, wishlist, toggleWishlist }) => {
             <ProductSimilar query={productSimilarQuery} />
           </LazyLoad>
         </div>
-        <div>
-          <BottomPopup
-            className='!w-[50%]'
-            title='Berhasil Ditambahkan'
-            active={addCartAlert}
-            close={() => setAddCartAlert(false)}
-          >
-            <div className='flex mt-10 mb-5'>
-              <div className='w-[15%]'>
-                <Image
-                  src={product.image}
-                  alt={product.name}
-                  className='h-20 object-contain object-center w-full border border-gray_r-4'
-                />
-              </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>
+
+        <BottomPopup
+          className='!container'
+          title='Berhasil Ditambahkan'
+          active={addCartAlert}
+          close={() => setAddCartAlert(false)}
+        >
+          <div className='flex mt-4'>
+            <div className='w-[10%]'>
+              <Image
+                src={product.image}
+                alt={product.name}
+                className='h-32 object-contain object-center w-full border border-gray_r-4'
+              />
             </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 className='ml-3 flex flex-1 items-center font-normal'>{product.name}</div>
+            <div className='ml-3 flex items-center font-normal'>
+              <Link href='/shop/cart' className='flex-1 py-2 text-gray_r-12 btn-yellow'>
+                Lihat Keranjang
+              </Link>
             </div>
-          </BottomPopup>
-        </div>
+          </div>
+
+          <div className='mt-8 mb-4'>
+            <div className='text-h-sm font-semibold mb-6'>Kamu Mungkin Juga Suka</div>
+            <LazyLoad>
+              <ProductSimilar query={productSimilarQuery} />
+            </LazyLoad>
+          </div>
+        </BottomPopup>
       </div>
     </DesktopView>
   )
-- 
cgit v1.2.3

