forked from crowetic/commerce
a11y pass
This commit is contained in:
parent
f2997c2519
commit
4784c06105
@ -54,7 +54,7 @@ const CartItem = ({
|
|||||||
setQuantity(item.quantity)
|
setQuantity(item.quantity)
|
||||||
}
|
}
|
||||||
}, [item.quantity])
|
}, [item.quantity])
|
||||||
console.log(item)
|
|
||||||
return (
|
return (
|
||||||
<li className="flex flex-row space-x-8 py-8">
|
<li className="flex flex-row space-x-8 py-8">
|
||||||
<div className="w-16 h-16 bg-violet relative overflow-hidden">
|
<div className="w-16 h-16 bg-violet relative overflow-hidden">
|
||||||
|
@ -15,7 +15,7 @@ const Searchbar: FC<Props> = ({ className }) => {
|
|||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<label
|
||||||
className={cn(
|
className={cn(
|
||||||
'relative text-sm bg-accents-1 text-base w-full transition-colors duration-150',
|
'relative text-sm bg-accents-1 text-base w-full transition-colors duration-150',
|
||||||
className
|
className
|
||||||
@ -51,7 +51,7 @@ const Searchbar: FC<Props> = ({ className }) => {
|
|||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</label>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -112,7 +112,6 @@ const ProductView: FC<Props> = ({ product, className }) => {
|
|||||||
label={v.label}
|
label={v.label}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setChoices((choices) => {
|
setChoices((choices) => {
|
||||||
console.log(choices)
|
|
||||||
return {
|
return {
|
||||||
...choices,
|
...choices,
|
||||||
[opt.displayName]: v.label,
|
[opt.displayName]: v.label,
|
||||||
|
@ -1,7 +1,6 @@
|
|||||||
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
|
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
|
||||||
|
|
||||||
export function getProductOptions(product: ProductNode) {
|
export function getProductOptions(product: ProductNode) {
|
||||||
// console.log(product)
|
|
||||||
const options = product.productOptions.edges?.map(({ node }: any) => ({
|
const options = product.productOptions.edges?.map(({ node }: any) => ({
|
||||||
displayName: node.displayName.toLowerCase(),
|
displayName: node.displayName.toLowerCase(),
|
||||||
values: node.values.edges?.map(({ node }: any) => node),
|
values: node.values.edges?.map(({ node }: any) => node),
|
||||||
|
Loading…
x
Reference in New Issue
Block a user