From 31eee1e003dfa494cf128d1fa22d473dd85b6df6 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 3 Apr 2023 21:28:29 +0100
Subject: [PATCH] fix product card

---
 static/components/product-card/product-card.html     | 2 +-
 static/components/product-detail/product-detail.html | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

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"
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