From a41e20912355765cde488c051993b8f04a54f74d Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 28 Feb 2023 18:29:28 +1000
Subject: [PATCH] only show loading icon if there is an image to load

---
 resources/js/components/SMCarouselSlide.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SMCarouselSlide.vue b/resources/js/components/SMCarouselSlide.vue
index f017e13..bd194ef 100644
--- a/resources/js/components/SMCarouselSlide.vue
+++ b/resources/js/components/SMCarouselSlide.vue
@@ -2,7 +2,9 @@
     <div
         class="sm-carousel-slide"
         :style="{ backgroundImage: `url('${imageUrl}')` }">
-        <div v-if="imageUrl.length == 0" class="sm-carousel-slide-loading">
+        <div
+            v-if="image.length > 0 && imageUrl.length == 0"
+            class="sm-carousel-slide-loading">
             <SMLoadingIcon />
         </div>
         <div v-else class="sm-carousel-slide-body">