cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Add heart button to the product view

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-26 19:36:00 -05:00
parent 5962657b7d
commit 3ee325da26
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/product/ProductView/ProductView.tsx
View File

@ -13,6 +13,7 @@ import { HTMLContent } from '@components/core'
import useAddItem from '@lib/bigcommerce/cart/use-add-item' import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product' import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
import { getProductOptions } from '../helpers' import { getProductOptions } from '../helpers'
import WishlistButton from '@components/wishlist/WishlistButton'
interface Props { interface Props {
className?: string className?: string
@ -142,10 +143,11 @@ const ProductView: FC<Props> = ({ product, className }) => {
</div> </div>
</div> </div>
{/* TODO make it work */} <WishlistButton
<div className={s.wishlistButton}> className={s.wishlistButton}
<Heart /> productId={product.entityId}
</div> variant={product.variants.edges?.[0]!}
/>
</div> </div>
</Container> </Container>
) )