From 6109c9b0bedbfd9b9be787987050102b2d6cba03 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 17 Dec 2022 11:03:17 +0700
Subject: Create image component

---
 src/pages/shop/cart.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/pages/shop/cart.js')

diff --git a/src/pages/shop/cart.js b/src/pages/shop/cart.js
index 64847de9..9958a7bb 100644
--- a/src/pages/shop/cart.js
+++ b/src/pages/shop/cart.js
@@ -7,14 +7,12 @@ import ChevronLeftIcon from "../../icons/chevron-left.svg";
 import MinusIcon from "../../icons/minus.svg";
 import PlusIcon from "../../icons/plus.svg";
 import TrashIcon from "../../icons/trash.svg";
-import { LazyLoadImage } from "react-lazy-load-image-component";
 import apiOdoo from "../../helpers/apiOdoo";
 import currencyFormat from "../../helpers/currencyFormat";
 import { createSlug } from "../../helpers/slug";
 import ConfirmAlert from "../../components/ConfirmAlert";
 import { toast } from "react-hot-toast";
-
-import 'react-lazy-load-image-component/src/effects/blur.css';
+import Image from "../../components/Image";
 
 export default function Cart() {
   const [products, setProducts] = useState([]);
@@ -179,7 +177,11 @@ export default function Cart() {
                   className={'p-2 rounded border-2 ' + (product.to_process ? 'border-yellow_r-9 bg-yellow_r-9' : 'border-gray_r-12')} 
                   onClick={() => toggleProductToProcess(product.id)}
                 ></button>
-                <LazyLoadImage effect="blur" src={product.parent.image ? product.parent.image : '/images/noimage.jpeg'} alt={product.parent.name} className="object-contain object-center border border-gray_r-6 h-32 w-full rounded-md" />
+                <Image
+                  src={product.parent.image} 
+                  alt={product.parent.name} 
+                  className="object-contain object-center border border-gray_r-6 h-32 w-full rounded-md"
+                />
               </div>
               <div className="w-8/12 flex flex-col">
                 <Link href={'/shop/product/' + createSlug(product.parent.name, product.parent.id)} className="product-card__title wrap-line-ellipsis-2">
-- 
cgit v1.2.3