Merge pull request #2 from Xendox/feature/random-product-images

fix: Add random product images to PLP page

Author: SergeyKovalchuk

src/components/pages/PageProducts/components/Products.tsx

@@ -43,12 +43,12 @@ export default function Products() {
 
   return (
     <Grid container spacing={4}>
-      {products.map((product: Product) => (
+      {products.map((product: Product, index: number) => (
         <Grid item key={product.id} xs={12} sm={6} md={4}>
           <Card className={classes.card}>
             <CardMedia
               className={classes.cardMedia}
-              image="https://source.unsplash.com/random"
+              image={`https://source.unsplash.com/random?sig=${index}`}
               title="Image title"
             />
             <CardContent className={classes.cardContent}>