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

changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-23 12:59:06 -03:00
parent 62277666b1
commit b9e7ff64e7
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/core/UserNav/UserNav.module.css
View File

@ -10,16 +10,18 @@
} }
.item { .item {
@apply mr-6 cursor-pointer relative transition ease-in-out duration-150 text-base flex items-center; @apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center outline-none;
&:hover { &:hover {
@apply text-accents-8 transition scale-110 duration-150; @apply text-accents-8 transition scale-110 duration-100;
} }
&:last-child { &:last-child {
@apply mr-0; @apply mr-0;
} }
&:focus { &:focus,
outline: none; &:active {
@apply outline-none;
} }
} }

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

@ -1,12 +1,11 @@
import cn from 'classnames' import cn from 'classnames'
import { NextSeo } from 'next-seo' import { NextSeo } from 'next-seo'
import s from './ProductView.module.css' import s from './ProductView.module.css'
import { FC, useState, useEffect } from 'react' import { FC, useState } from 'react'
import { useUI } from '@components/ui/context' import { useUI } from '@components/ui/context'
import { Button, Container } from '@components/ui' import { Button, Container } from '@components/ui'
import { Swatch, ProductSlider } from '@components/product' import { Swatch, ProductSlider } from '@components/product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item' import useAddItem from '@lib/bigcommerce/cart/use-add-item'
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' import { Heart } from '@components/icon'
@ -22,17 +21,12 @@ const ProductView: FC<Props> = ({ product, className }) => {
const { openSidebar } = useUI() const { openSidebar } = useUI()
const options = getProductOptions(product) const options = getProductOptions(product)
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const [validMedia, setValidMedia] = useState(false)
const [choices, setChoices] = useState<Record<string, any>>({ const [choices, setChoices] = useState<Record<string, any>>({
size: null, size: null,
color: null, color: null,
}) })
useEffect(() => {
setValidMedia(isDesktop())
}, [])
const addToCart = async () => { const addToCart = async () => {
setLoading(true) setLoading(true)
try { try {