blank image on product detail

src/components/ImageView/ImageView.jsx

@@ -8,6 +8,7 @@ import {
   DialogContent,
 } from "@mui/material";
 import Grid from '@mui/material/Grid2';
+import defaultImage from "../../assets/images/default.png"
 
 // Utility function to check if an object is empty
 const isEmptyObject = (obj) => Object.keys(obj).length === 0 && obj.constructor === Object;
@@ -48,7 +49,7 @@ const ImageView = () => {
             onClick={handleZoomToggle}
           >
             <Box
-              src={previewImage}
+              src={previewImage || defaultImage}
               component="img"
               alt="Preview"
               sx={{
@@ -110,7 +111,7 @@ const ImageView = () => {
       <Dialog open={isZoomed} onClose={handleZoomToggle} maxWidth="lg">
         <DialogContent>
           <img
-            src={previewImage}
+            src={previewImage || defaultImage}
             alt="Zoomed Preview"
             style={{
               width: "100%",