Intis/prezentacija-komponiranje
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Product images

Browse Source
This commit is contained in:
Eden Kirin
2024-01-16 16:14:38 +01:00
parent 423b853b82
commit d77be41b99
16 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/ProductCard.js
View File

@ -4,17 +4,15 @@ import CardContent from "@mui/material/CardContent";
import CardMedia from "@mui/material/CardMedia";
import Typography from "@mui/material/Typography";
import { CardActionArea } from "@mui/material";
import { PRODUCT_IMAGE_DIR } from "../const";
function ProductCard({ product }) {
const productImg = `${PRODUCT_IMAGE_DIR}/${product.image}`;
return (
<Card>
<CardActionArea>
<CardMedia
component="img"
height="140"
image="/static/images/cards/contemplative-reptile.jpg"
alt="green iguana"
/>
<CardMedia component="img" height="140" image={productImg} alt={product.name} />
<CardContent>
<Typography gutterBottom variant="h5" component="div">
{product.name}