diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-17 17:07:50 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-17 17:07:50 +0700 |
| commit | f99e0aba70efad0deb907d8e27f09fc9f527c8a4 (patch) | |
| tree | f0ac96e4e736a1d385e32553f0e641ee27e11fd3 /src/components/products/ProductCard.js | |
| parent | 90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff) | |
Refactor
Diffstat (limited to 'src/components/products/ProductCard.js')
| -rw-r--r-- | src/components/products/ProductCard.js | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/src/components/products/ProductCard.js b/src/components/products/ProductCard.js deleted file mode 100644 index c79a4900..00000000 --- a/src/components/products/ProductCard.js +++ /dev/null @@ -1,69 +0,0 @@ -import Link from "../elements/Link"; -import currencyFormat from "@/core/utils/currencyFormat"; -import { createSlug } from "@/core/utils/slug"; -import { ChevronRightIcon } from "@heroicons/react/20/solid"; -import Image from "../elements/Image"; - - -export default function ProductCard({ - data, - simpleProductTitleLine = false -}) { - let product = data; - return ( - <div className="product-card"> - <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="block relative bg-white"> - <Image - src={product.image} - alt={product.name} - className="product-card__image" - /> - {product.variant_total > 1 ? ( - <div className="absolute bottom-2 left-2 badge-gray">{product.variant_total} Varian</div> - ) : ''} - </Link> - <div className="product-card__content"> - <div> - {typeof product.manufacture.name !== "undefined" ? ( - <Link href={'/shop/brands/' + createSlug(product.manufacture.name, product.manufacture.id)} className="product-card__brand">{product.manufacture.name}</Link> - ) : ( - <span className="product-card__brand">-</span> - )} - <Link href={'/shop/product/' + createSlug(product.name, product.id)} className={`product-card__title ${simpleProductTitleLine ? 'wrap-line-ellipsis-2' : 'wrap-line-ellipsis-3'}`}> - {product.name} - </Link> - </div> - <div className="mt-2"> - {product.lowest_price.discount_percentage > 0 ? ( - <div className="flex gap-x-1 items-center mb-1"> - <p className="text-caption-2 text-gray_r-11 line-through">{currencyFormat(product.lowest_price.price)}</p> - <span className="badge-solid-red">{product.lowest_price.discount_percentage}%</span> - </div> - ) : ''} - - {product.lowest_price.price_discount > 0 ? ( - <p className="text-caption-1 text-gray_r-12 font-bold"> - {currencyFormat(product.lowest_price.price_discount)} - </p> - ) : ( - <a - href="https://wa.me" - target="_blank" - rel="noreferrer" - className="flex items-center gap-x-1 text-caption-1" - > - Tanya Harga <ChevronRightIcon className="text-yellow_r-11 w-5 h-5" /> - </a> - )} - - {product.stock_total > 0 ? ( - <div className="flex gap-x-1 mt-2"> - <div className="badge-solid-red">Ready Stock</div> - <div className="badge-gray">{product.stock_total > 5 ? '> 5' : '< 5'}</div> - </div> - ) : ''} - </div> - </div> - </div> - ) -}
\ No newline at end of file |
