From e869270dddd9fa56458e53c6c8059ca2cbd80cb6 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 3 Apr 2023 22:15:38 +0100
Subject: [PATCH] making sure images exist

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

diff --git a/static/components/product-card/product-card.html b/static/components/product-card/product-card.html
index 7656fbb..c56c4a1 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.images.length > 0 ? product.images[0] : '/nostrmarket/static/images/placeholder.png'"
+    :src="(product.images && product.images.length > 0 && product.images[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 2658da2..b9d00d4 100644
--- a/static/components/product-detail/product-detail.html
+++ b/static/components/product-detail/product-detail.html
@@ -1,8 +1,7 @@
 <div class="row q-mt-sm">
   <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
-    <div class="q-pa-md">
+    <div class="q-pa-md" v-if="product.images && product.images[0]">
       <q-carousel
-        v-if="product.images"
         swipeable
         animated
         v-model="slide"