From 3ee325da26f7ea9a7da9d681dee7fd633ea5d322 Mon Sep 17 00:00:00 2001
From: Luis Alvarez <luis@vercel.com>
Date: Mon, 26 Oct 2020 19:36:00 -0500
Subject: [PATCH] Add heart button to the product view

---
 components/product/ProductView/ProductView.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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