<MIqdad> fix voucher desktop

1 files changed, 10 insertions, 4 deletions

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index ac1ab29b..5912f837 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -685,10 +685,16 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
             </div>
           )}
 
-          {discount > 0 && product?.flashSale?.id < 1 && (
-            <div className='flex gap-x-1 mb-1 text-sm'>
-              <div className='inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20'>
-                Voucher : {currencyFormat(discount)}
+          {discount > 0 && (product?.flashSale?.id ?? 0) < 1 && (
+            <div className='mt-1 mb-1'>
+              <div className='inline-flex items-center gap-2 text-green-600'>
+                <span className='text-[9pt] font-semibold'>Voucher</span>
+                <span className='inline-flex items-center gap-1.5 rounded bg-green-50 px-2.5 py-0.5 ring-0'>
+                  <TicketIcon className='h-3.5 w-3.5' />
+                  <span className='text-sm font-extrabold tabular-nums'>
+                    {currencyFormat(discount)}
+                  </span>
+                </span>
               </div>
             </div>
           )}