a11y pass

components/cart/CartItem/CartItem.tsx

@@ -54,7 +54,7 @@ const CartItem = ({
       setQuantity(item.quantity)
     }
   }, [item.quantity])
-  console.log(item)
+
   return (
     <li className="flex flex-row space-x-8 py-8">
       <div className="w-16 h-16 bg-violet relative overflow-hidden">

components/core/Searchbar/Searchbar.tsx

@@ -15,7 +15,7 @@ const Searchbar: FC<Props> = ({ className }) => {
   }, [])
 
   return (
-    <div
+    <label
       className={cn(
         'relative text-sm bg-accents-1 text-base w-full transition-colors duration-150',
         className
@@ -51,7 +51,7 @@ const Searchbar: FC<Props> = ({ className }) => {
           />
         </svg>
       </div>
-    </div>
+    </label>
   )
 }
 

components/product/ProductView/ProductView.tsx

@@ -112,7 +112,6 @@ const ProductView: FC<Props> = ({ product, className }) => {
                         label={v.label}
                         onClick={() => {
                           setChoices((choices) => {
-                            console.log(choices)
                             return {
                               ...choices,
                               [opt.displayName]: v.label,

components/product/helpers.ts

@@ -1,7 +1,6 @@
 import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
 
 export function getProductOptions(product: ProductNode) {
-  // console.log(product)
   const options = product.productOptions.edges?.map(({ node }: any) => ({
     displayName: node.displayName.toLowerCase(),
     values: node.values.edges?.map(({ node }: any) => node),