diff options
Diffstat (limited to 'src/pages/shop/cart.js')
| -rw-r--r-- | src/pages/shop/cart.js | 10 |
1 files changed, 6 insertions, 4 deletions
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"> |