From 82bcfbeab8a79b74caad00a57f4aeb3591d838b2 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 12 Nov 2025 12:12:16 +0700
Subject: <Miqdad> cart smentara

---
 src-migrate/pages/shop/cart/index.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

(limited to 'src-migrate/pages/shop/cart/index.tsx')

diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx
index 031aa45b..5121c732 100644
--- a/src-migrate/pages/shop/cart/index.tsx
+++ b/src-migrate/pages/shop/cart/index.tsx
@@ -301,14 +301,19 @@ const CartPage: React.FC = () => {
     <>
       {/* Sticky Header */}
       <div
-        className={`${isTop ? 'border-b-[0px]' : 'border-b-[1px]'
-          } sticky md:top-[157px] flex-col bg-white py-4 border-gray-300 z-50 sm:w-full md:w-3/4`}
+        className={`${
+          isTop ? 'border-b-[0px]' : 'border-b-[1px]'
+        } sticky md:top-[157px] flex-col bg-white py-4 border-gray-300 z-50 sm:w-full md:w-3/4`}
       >
         <div className='flex items-center justify-between mb-2'>
           <h1 className={style.title}>Keranjang Belanja</h1>
         </div>
 
-        <div className='h-2' />
+        <div className='inline-flex items-center border border-green-500 p-2 bg-green-50 rounded-md mb-2'>
+          <span className='text-sm font-semibold text-green-700'>
+            Gunakan Voucher `VoucherPastiHemat` untuk belanja lebih hemat.
+          </span>
+        </div>
         <div className='flex items-center object-center justify-between flex-wrap gap-2'>
           <div className='flex items-center object-center'>
             <Checkbox
@@ -392,16 +397,19 @@ const CartPage: React.FC = () => {
         </div>
 
         <div
-          className="md:hidden"
-          style={{ height: 'calc(var(--mobile-actions-h) + var(--mobile-total-h))' }}
+          className='md:hidden'
+          style={{
+            height: 'calc(var(--mobile-actions-h) + var(--mobile-total-h))',
+          }}
         />
 
         {/* Cart Summary */}
         <div
-          className={`${style['summary-wrapper']} ${device.isMobile && (!cart || cart?.product_total === 0)
+          className={`${style['summary-wrapper']} ${
+            device.isMobile && (!cart || cart?.product_total === 0)
               ? 'hidden'
               : ''
-            }`}
+          }`}
         >
           <div className={style.summary}>
             {device.isMobile ? (
-- 
cgit v1.2.3

