summaryrefslogtreecommitdiff
path: root/src/lib/product
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/product')
-rw-r--r--src/lib/product/components/ProductCard.jsx61
1 files changed, 30 insertions, 31 deletions
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 10c06775..d3b50302 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -16,13 +16,8 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
const utmSource = useUtmSource();
const [discount, setDiscount] = useState(0);
- let voucherPastiHemat = product?.voucherPastiHemat ? 0 : product.newVoucherPastiHemat;
-
- if (product?.voucherPastiHemat ? product?.voucherPastiHemat.length : voucherPastiHemat > 0) {
- const stringVoucher = product?.voucherPastiHemat[0];
- const validJsonString = stringVoucher.replace(/'/g, '"');
- voucherPastiHemat = JSON.parse(validJsonString);
- }
+ let voucherPastiHemat = 0;
+ voucherPastiHemat = product?.newVoucherPastiHemat[0];
const callForPriceWhatsapp = whatsappUrl('product', {
name: product.name,
@@ -48,18 +43,18 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
const hitungDiscountVoucher = () => {
let countDiscount = 0;
- if (voucherPastiHemat.discount_type === 'percentage') {
+ if (voucherPastiHemat.discountType === 'percentage') {
countDiscount =
product?.lowestPrice.priceDiscount *
- (voucherPastiHemat.discount_amount / 100);
+ (voucherPastiHemat.discountAmount / 100);
if (
- voucherPastiHemat.max_discount > 0 &&
- countDiscount > voucherPastiHemat.max_discount
+ voucherPastiHemat.maxDiscount > 0 &&
+ countDiscount > voucherPastiHemat.maxDiscount
) {
- countDiscount = voucherPastiHemat.max_discount;
+ countDiscount = voucherPastiHemat.maxDiscount;
}
} else {
- countDiscount = voucherPastiHemat.discount_amount;
+ countDiscount = voucherPastiHemat.discountAmount;
}
setDiscount(countDiscount);
@@ -147,20 +142,24 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
</Link>
<div className='p-2 sm:p-3 pb-3 text-caption-2 sm:text-body-2 leading-5'>
<div className='flex justify-between '>
- {product?.manufacture?.name ? (
- <Link href={URL.manufacture} className='mb-1 mt-1'>
- {product.manufacture.name}
- </Link>
- ) : (
- <div>-</div>
- )}
- {product?.isInBu && (
- <Link href='/panduan-pick-up-service' className='group'>
- <Image src='/images/PICKUP-NOW.png' className='group-hover:scale-105 transition-transform duration-200' alt='pickup now' width={90} height={12} />
- </Link>
-
-
- )}
+ {product?.manufacture?.name ? (
+ <Link href={URL.manufacture} className='mb-1 mt-1'>
+ {product.manufacture.name}
+ </Link>
+ ) : (
+ <div>-</div>
+ )}
+ {product?.isInBu && (
+ <Link href='/panduan-pick-up-service' className='group'>
+ <Image
+ src='/images/PICKUP-NOW.png'
+ className='group-hover:scale-105 transition-transform duration-200'
+ alt='pickup now'
+ width={90}
+ height={12}
+ />
+ </Link>
+ )}
</div>
<Link
href={URL.product}
@@ -301,11 +300,11 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
</div>
)}
{product?.manufacture?.name ? (
- <div className='flex justify-between'>
+ <div className='flex justify-between'>
<Link href={URL.manufacture} className='mb-1'>
- {product.manufacture.name}
- </Link>
- {/* {product?.is_in_bu && (
+ {product.manufacture.name}
+ </Link>
+ {/* {product?.is_in_bu && (
<div className='bg-red-500 rounded'>
<span className='p-[6px] text-xs text-white'>
Click & Pickup