From 875cb837933d3b23b6424ac677fc164de0d349cc Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 3 Apr 2023 21:25:34 +0100
Subject: [PATCH 1/2] fix multiple images for product card

---
 static/components/product-card/product-card.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/components/product-card/product-card.html b/static/components/product-card/product-card.html
index 55eefb5..7656fbb 100644
--- a/static/components/product-card/product-card.html
+++ b/static/components/product-card/product-card.html
@@ -1,6 +1,6 @@
 <q-card class="card--product">
   <q-img
-    :src="product.image ? product.image : '/nostrmarket/static/images/placeholder.png'"
+    :src="product.images.length > 0 ? product.images[0] : '/nostrmarket/static/images/placeholder.png'"
     alt="Product Image"
     loading="lazy"
     spinner-color="white"

From 2db93da1d5d23977d6a61084d4cbea610d693454 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 3 Apr 2023 21:25:43 +0100
Subject: [PATCH 2/2] fix caroussel

---
 static/components/product-detail/product-detail.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/static/components/product-detail/product-detail.html b/static/components/product-detail/product-detail.html
index fe8fbf4..2658da2 100644
--- a/static/components/product-detail/product-detail.html
+++ b/static/components/product-detail/product-detail.html
@@ -8,13 +8,15 @@
         v-model="slide"
         thumbnails
         infinite
-        v-for="(img, i) in product.images"
-        :key="i"
+        arrows
+        transition-prev="slide-right"
+        transition-next="slide-left"
       >
         <q-carousel-slide
+          v-for="(img, i) in product.images"
           :name="i + 1"
+          :key="i"
           :img-src="img"
-          style="/*background-size: contain; background-repeat: no-repeat*/"
         ></q-carousel-slide>
       </q-carousel>
       <q-img