From aa1e0a34f5f332026d386b197d62c2cc3d9f43ad Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 5 Nov 2025 12:00:12 +0700
Subject: <Miqdad> cr prod detail price

---
 .../modules/header/components/SearchBar.tsx        | 22 ++++++++++------------
 .../product-detail/components/PriceAction.tsx      | 11 ++++++-----
 .../product-detail/components/ProductDetail.tsx    |  4 ++--
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src-migrate/modules/header/components/SearchBar.tsx b/src-migrate/modules/header/components/SearchBar.tsx
index ec17abe8..750860ba 100644
--- a/src-migrate/modules/header/components/SearchBar.tsx
+++ b/src-migrate/modules/header/components/SearchBar.tsx
@@ -1,24 +1,22 @@
-
-import { MagnifyingGlassIcon } from '@heroicons/react/24/outline'
+import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
 
 const SearchBar = () => {
   return (
-    <form className="flex-1 flex items-center">
+    <form className='flex-1 flex items-center'>
       <input
-        type="text"
-        className="form-input p-3 rounded-r-none border-r-0 border-gray-300 focus:border-gray-300"
-        placeholder="Ketik nama / part number / merk"
+        type='text'
+        className='form-input p-3 rounded-r-none border-r-0 border-gray-300 focus:border-gray-300'
+        placeholder='Ketik nama / part number / merek'
       />
 
       <button
-        type="submit"
-        className="rounded-r border border-l-0 border-gray-300 px-2 py-2.5"
+        type='submit'
+        className='rounded-r border border-l-0 border-gray-300 px-2 py-2.5'
       >
         <MagnifyingGlassIcon className='w-6' />
       </button>
-
     </form>
-  )
-}
+  );
+};
 
-export default SearchBar
\ No newline at end of file
+export default SearchBar;
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index a84fa134..03148150 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -180,9 +180,9 @@ const PriceAction = ({ product }: Props) => {
                     <TicketIcon className='w-5 h-5 shrink-0' aria-hidden />
                     Rp {formatCurrency(finalAfterVoucher)}
                   </div>
-                  <div className={style['disc-price']}>
+                  {/* <div className={style['disc-price']}>
                     Rp {formatCurrency(basePriceForDisplay)}
-                  </div>
+                  </div> */}
                 </>
               ) : (
                 // Normal tanpa disc & tanpa voucher
@@ -232,14 +232,15 @@ const PriceAction = ({ product }: Props) => {
                 // Tidak ada discount bawaan, tapi ada voucher → tampilkan harga setelah voucher
                 <>
                   <div
-                    className={style['main-price']}
+                    className={`${style['main-price']} inline-flex items-center gap-2 leading-none bg-red-100 px-2 py-0.5 rounded-sm`}
                     style={fontSize ? { fontSize } : undefined}
                   >
+                    <TicketIcon className='w-5 h-5 shrink-0' aria-hidden />
                     Rp {formatCurrency(finalAfterVoucher)}
                   </div>
-                  <div className={style['disc-price']}>
+                  {/* <div className={`${style['disc-price']}`}>
                     Rp {formatCurrency(basePriceForDisplay)}
-                  </div>
+                  </div> */}
                 </>
               ) : (
                 // Normal tanpa disc & tanpa voucher
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index c9a05993..dc12b0f7 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -313,7 +313,7 @@ const ProductDetail = ({ product }: Props) => {
 
             {/* ===== Kolom kanan: info ===== */}
             <div className='md:w-8/12 px-4 md:pl-6'>
-              <div className='h-6 md:h-0' />
+              {/* <div className='h-6 md:h-0' />
               {isMobile && voucherDiscount > 0 && (
                 <div className='text text-sm font-medium'>
                   <TicketIcon className='inline text-yellow-300 w-5 h-5' />{' '}
@@ -324,7 +324,7 @@ const ProductDetail = ({ product }: Props) => {
                   </span>{' '}
                   saat checkout
                 </div>
-              )}
+              )} */}
               <h1 className={style['title']}>{product.name}</h1>
               <div className='h-3 md:h-0' />
               <Information product={product} />
-- 
cgit v1.2.3