From 4784c061056d06e6f9a1b10c0e703e142f5cbfb4 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Sun, 25 Oct 2020 11:00:34 -0300
Subject: [PATCH] a11y pass

---
 components/cart/CartItem/CartItem.tsx          | 2 +-
 components/core/Searchbar/Searchbar.tsx        | 4 ++--
 components/product/ProductView/ProductView.tsx | 1 -
 components/product/helpers.ts                  | 1 -
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index 258eb5f9f..15b0f9d81 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/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">
diff --git a/components/core/Searchbar/Searchbar.tsx b/components/core/Searchbar/Searchbar.tsx
index 25f6eb7a8..729948982 100644
--- a/components/core/Searchbar/Searchbar.tsx
+++ b/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>
   )
 }
 
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index e2135852f..833c263be 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/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,
diff --git a/components/product/helpers.ts b/components/product/helpers.ts
index f6ec90f22..892138160 100644
--- a/components/product/helpers.ts
+++ b/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),