crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 19:21:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: comment almost everything, build

Browse Source
This commit is contained in:
Reza Babaei
2021-09-18 22:09:54 +03:00
committed by Reza Babaei
parent 0e344461f4
commit 099be721b5
60 changed files with 850 additions and 972 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/wishlist/WishlistCard/WishlistCard.tsx
View File

@@ -8,9 +8,9 @@ import { Button, Text } from '@components/ui'
import { useUI } from '@components/ui/context'
import type { Product } from '@commerce/types/product'
import usePrice from '@framework/product/use-price'
import useAddItem from '@framework/cart/use-add-item'
import useRemoveItem from '@framework/wishlist/use-remove-item'
// import usePrice from '@framework/product/use-price'
// import useAddItem from '@framework/cart/use-add-item'
// import useRemoveItem from '@framework/wishlist/use-remove-item'
interface Props {
product: Product
@@ -19,11 +19,11 @@ interface Props {
const placeholderImg = '/product-img-placeholder.svg'
const WishlistCard: FC<Props> = ({ product }) => {
const { price } = usePrice({
amount: product.price?.value,
baseAmount: product.price?.retailPrice,
currencyCode: product.price?.currencyCode!,
})
// const { price } = usePrice({
// amount: product.price?.value,
// baseAmount: product.price?.retailPrice,
// currencyCode: product.price?.currencyCode!,
// })
// @ts-ignore Wishlist is not always enabled
const removeItem = useRemoveItem({ wishlist: { includeProducts: true } })
const [loading, setLoading] = useState(false)
@@ -71,7 +71,7 @@ const WishlistCard: FC<Props> = ({ product }) => {
</div>
<div className="col-span-7">
<h3 className="text-2xl mb-2">
<h3 className="mb-2 text-2xl">
<Link href={`/product${product.path}`}>
<a>{product.name}</a>
</Link>
@@ -91,8 +91,8 @@ const WishlistCard: FC<Props> = ({ product }) => {
Add to Cart
</Button>
</div>
<div className="col-span-2 flex flex-col justify-between">
<div className="flex justify-end font-bold">{price}</div>
<div className="flex flex-col justify-between col-span-2">
{/* <div className="flex justify-end font-bold">{price}</div> */}
<div className="flex justify-end">
<button onClick={handleRemove}>
<Trash />