summaryrefslogtreecommitdiff
path: root/src-migrate
diff options
context:
space:
mode:
Diffstat (limited to 'src-migrate')
-rw-r--r--src-migrate/modules/product-detail/components/ProductDetail.tsx2
-rw-r--r--src-migrate/modules/product-detail/components/VariantList.tsx12
-rw-r--r--src-migrate/modules/product-promo/components/Item.tsx4
3 files changed, 9 insertions, 9 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index d38e0686..08ad7d51 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -86,7 +86,7 @@ const ProductDetail = ({ product }: Props) => {
)}
<div className='h-4 md:h-10' />
- {activeVariantId && (
+ {!!activeVariantId && (
<ProductPromoSection productId={activeVariantId} />
)}
diff --git a/src-migrate/modules/product-detail/components/VariantList.tsx b/src-migrate/modules/product-detail/components/VariantList.tsx
index f8aa5565..96b7486b 100644
--- a/src-migrate/modules/product-detail/components/VariantList.tsx
+++ b/src-migrate/modules/product-detail/components/VariantList.tsx
@@ -22,10 +22,10 @@ const VariantList = ({ variants }: Props) => {
<div className={style['header']}>
<div className="w-2/12 sticky left-0 bg-gray-200">Part Number</div>
<div className="w-2/12">Variant</div>
- <div className="w-1/12">Stock</div>
- <div className="w-2/12">Time</div>
- <div className="w-1/12">Weight</div>
- <div className="w-2/12">Price</div>
+ <div className="w-2/12">Stock</div>
+ <div className="w-2/12">Masa Persiapan</div>
+ <div className="w-1/12">Berat</div>
+ <div className="w-2/12">Harga</div>
</div>
{variants.map((variant) => (
<LazyLoadComponent key={variant.id}>
@@ -50,7 +50,7 @@ const Row = ({ variant }: { variant: IProductVariantDetail }) => {
<div className={style['row']}>
<div className='w-2/12 sticky left-0 bg-white md:bg-transparent'>{variant.code}</div>
<div className='w-2/12'>{variant.attributes.join(', ')}</div>
- <div className='w-1/12'>
+ <div className='w-2/12'>
<Skeleton isLoaded={querySLA.isSuccess} h='21px' w={16}>
{sla?.qty !== undefined && (
<>
@@ -72,7 +72,7 @@ const Row = ({ variant }: { variant: IProductVariantDetail }) => {
{variant.price.price > 0 && `Rp ${formatCurrency(variant.price.price)}`}
{variant.price.price === 0 && '-'}
</div>
- <div className='w-2/12'>
+ <div className='w-1/12'>
<Button
onClick={() => setActive(variant)}
size='sm'
diff --git a/src-migrate/modules/product-promo/components/Item.tsx b/src-migrate/modules/product-promo/components/Item.tsx
index 6c5a14ce..8012c17e 100644
--- a/src-migrate/modules/product-promo/components/Item.tsx
+++ b/src-migrate/modules/product-promo/components/Item.tsx
@@ -1,7 +1,7 @@
import style from '../styles/item.module.css'
import React from 'react'
-import Image from 'next/image'
+import Image from '~/components/ui/image'
import { IProductVariantPromo } from '~/types/promotion'
@@ -17,7 +17,7 @@ const ProductPromoItem = ({
return (
<div className={style.item}>
<div className={style.image}>
- <Image src={variant.image} alt={variant.display_name} width={120} height={120} quality={100} />
+ <Image src={variant.image || '/images/noimage.jpeg'} alt={variant.display_name} width={120} height={120} quality={100} />
<div className={style.quantity}>
{variant.qty} pcs {isFree ? '(free)' : ''}
</div>