add default on no image

src/components/ProductList/ProductList.jsx

@@ -14,6 +14,7 @@ import { styled } from "@mui/material";
 import { useSelector, useDispatch } from "react-redux";
 import { fetchProducts } from "../../redux/slices/productSlice";
 import { useNavigate } from "react-router-dom";
+import defaultImage from "../../assets/images/default.png"
 
 //UTIL FUNCTION
 function getAllTags(data) {
@@ -429,7 +430,7 @@ const ProductList = ({ size = 99999 }) => {
             let minPriceCurrency = minVariantPrice.currencyCode;
             let maxPrice = maxVariantPrice.amount;
             let maxPriceCurrency = maxVariantPrice.currencyCode;
-            let img_url = images[0]?.url;
+            let img_url = images[0]?.url || defaultImage;
             let collection_name = collections[0]?.title;
 
             if (index < size) {

src/components/ProductSelected/ProductSelected.jsx

@@ -9,6 +9,7 @@ import { Scrollbar, A11y } from 'swiper/modules';
 
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import defaultImage from "../../assets/images/default.png"
 
 const ProductSelected = () => {
 
@@ -195,7 +196,7 @@ const ProductSelected = () => {
             let maxPrice = maxVariantPrice.amount
             let maxPriceCurrency = maxVariantPrice.currencyCode
 
-            let img_url = images[0]?.url
+            let img_url = images[0]?.url || defaultImage
             let collection_name = collections[0]?.title
 
             return (