26 lines
619 B
JavaScript
26 lines
619 B
JavaScript
import { useState, useEffect } from "react";
|
|
|
|
const FeaturedImage = ({ productId }) => {
|
|
|
|
const [imageSrc, setImageSrc] = useState("/images/default_thumbnail.jpg");
|
|
|
|
useEffect(() => {
|
|
fetch(`https://localhost:7292/api/Image?id=${productId}`)
|
|
.then(response => response.blob())
|
|
.then(blob => {
|
|
const imageUrl = URL.createObjectURL(blob);
|
|
setImageSrc(imageUrl);
|
|
})
|
|
},[]);
|
|
|
|
|
|
return (
|
|
<img
|
|
className="featured-img"
|
|
src={imageSrc}
|
|
alt={productId + "_image"}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default FeaturedImage; |