From cd72d3a1ef0cf217d2a20f79e59d1cb939335812 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Sat, 24 Oct 2020 19:14:34 -0300
Subject: [PATCH] Stiling

---
 components/cart/CartItem/CartItem.tsx | 15 +++++++++++----
 pages/cart.tsx                        |  7 +++++--
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index cb3010d0f..bc74812e0 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/components/cart/CartItem/CartItem.tsx
@@ -1,10 +1,11 @@
-import { ChangeEvent, useEffect, useState } from 'react'
+import s from './CartItem.module.css'
 import Image from 'next/image'
+import Link from 'next/link'
+import { ChangeEvent, useEffect, useState } from 'react'
 import { Trash, Plus, Minus } from '@components/icon'
 import usePrice from '@lib/bigcommerce/use-price'
 import useUpdateItem from '@lib/bigcommerce/cart/use-update-item'
 import useRemoveItem from '@lib/bigcommerce/cart/use-remove-item'
-import s from './CartItem.module.css'
 
 const CartItem = ({
   item,
@@ -53,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">
@@ -67,7 +68,13 @@ const CartItem = ({
         />
       </div>
       <div className="flex-1 flex flex-col text-base">
-        <span className="font-bold mb-5">{item.name}</span>
+        {/** TODO: Replace this. No `path` found at Cart */}
+        <Link href={`/product/${item.url.split('/')[3]}`}>
+          <span className="font-bold mb-5 text-lg cursor-pointer">
+            {item.name}
+          </span>
+        </Link>
+
         <div className="flex items-center">
           <button type="button" onClick={() => increaseQuantity(-1)}>
             <Minus width={18} height={18} />
diff --git a/pages/cart.tsx b/pages/cart.tsx
index 422b32a1d..7e2d8a544 100644
--- a/pages/cart.tsx
+++ b/pages/cart.tsx
@@ -36,6 +36,9 @@ export default function Cart({}: InferGetStaticPropsType<
 
   const error = null
   const success = null
+
+  console.log(items)
+
   return (
     <div className="grid lg:grid-cols-12">
       <div className="lg:col-span-8">
@@ -88,9 +91,9 @@ export default function Cart({}: InferGetStaticPropsType<
               Before you leave, take a look at these items. We picked them just
               for you
             </Text>
-            <div className="flex py-6 space-x-2">
+            <div className="flex py-6 space-x-6">
               {[1, 2, 3, 4, 5, 6].map((x) => (
-                <div className="border border-accents-3 w-full h-24 bg-accents-2 bg-opacity-50" />
+                <div className="border border-accents-3 w-full h-24 bg-accents-2 bg-opacity-50 transform cursor-pointer hover:scale-110 duration-75" />
               ))}
             </div>
           </div>