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

add whishlist heart

Browse Source
This commit is contained in:
Julián Benegas 2020-10-22 20:46:48 -03:00
parent 91c4afd39e
commit 898acdd391
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/product/ProductView/ProductView.module.css
View File

@ -68,3 +68,7 @@
min-width: 300px; min-width: 300px;
text-align: center; text-align: center;
} }
.wishlistButton {
@apply absolute right-12 text-white w-10 h-10 flex items-center justify-center bg-violet font-semibold leading-6 cursor-pointer;
}

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

@ -9,6 +9,8 @@ import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import { isDesktop } from '@lib/browser' import { isDesktop } from '@lib/browser'
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 { Heart } from '@components/icon'
interface Props { interface Props {
className?: string className?: string
children?: any children?: any
@ -137,6 +139,9 @@ const ProductView: FC<Props> = ({ product, className }) => {
</div> </div>
</section> </section>
</div> </div>
<div className={s.wishlistButton}>
<Heart />
</div>
</div> </div>
</Container> </Container>
) )