diff options
Diffstat (limited to 'src/lib/cart/components/Cart.jsx')
| -rw-r--r-- | src/lib/cart/components/Cart.jsx | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/lib/cart/components/Cart.jsx b/src/lib/cart/components/Cart.jsx new file mode 100644 index 00000000..5f9ae1c0 --- /dev/null +++ b/src/lib/cart/components/Cart.jsx @@ -0,0 +1,30 @@ +import Link from "@/core/components/elements/Link/Link" +import useCart from "../hooks/useCart" +import Image from "@/core/components/elements/Image/Image" + +const Cart = () => { + const { cart } = useCart() + + return ( + <div className="p-4"> + <div className="flex justify-between mb-4"> + <h1 className="font-semibold">Daftar Produk Belanja</h1> + <Link href="/">Cari Produk Lain</Link> + </div> + <div className="flex flex-col gap-y-4"> + { cart.data?.map((product) => ( + <div key={product.id} className="flex"> + <div className="w-4/12"> + <Image src={product?.parent?.image} alt={product?.name} className="object-contain object-center border border-gray_r-6 h-32 w-full rounded-md" /> + </div> + <div className="flex-1 px-2"> + <div>{ product?.parent?.name }</div> + </div> + </div> + )) } + </div> + </div> + ) +} + +export default Cart
\ No newline at end of file |