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-15 18:11:00 -03:00
parent d3d45e1b2a
commit d26222b5e5
2 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cart/CartItem/CartItem.tsx
View File

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

9
components/cart/CartSidebarView/CartSidebarView.tsx
View File

@ -27,9 +27,6 @@ const CartSidebarView: FC = () => {
const items = data?.line_items.physical_items ?? [] const items = data?.line_items.physical_items ?? []
console.log('CART', data, isEmpty)
// This should come from the API via hook I guess
const error = null const error = null
const success = null const success = null
@ -95,7 +92,7 @@ const CartSidebarView: FC = () => {
<h2 className="pt-1 pb-4 text-2xl leading-7 font-bold text-base tracking-wide"> <h2 className="pt-1 pb-4 text-2xl leading-7 font-bold text-base tracking-wide">
My Cart My Cart
</h2> </h2>
<ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-gray-200 border-t border-gray-200"> <ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-accents-3 border-t border-accents-3">
{items.map((item) => ( {items.map((item) => (
<CartItem <CartItem
key={item.id} key={item.id}
@ -107,7 +104,7 @@ const CartSidebarView: FC = () => {
</div> </div>
<div className="flex-shrink-0 px-4 py-5 sm:px-6"> <div className="flex-shrink-0 px-4 py-5 sm:px-6">
<div className="border-t border-gray-200"> <div className="border-t border-accents-3">
<ul className="py-3"> <ul className="py-3">
<li className="flex justify-between py-1"> <li className="flex justify-between py-1">
<span>Subtotal</span> <span>Subtotal</span>
@ -122,7 +119,7 @@ const CartSidebarView: FC = () => {
<span>FREE</span> <span>FREE</span>
</li> </li>
</ul> </ul>
<div className="flex justify-between border-t border-gray-300 py-3 font-bold mb-10"> <div className="flex justify-between border-t border-accents-3 py-3 font-bold mb-10">
<span>Total</span> <span>Total</span>
<span>{total}</span> <span>{total}</span>
</div> </div>