From 0effeb6be96d5acbd81ac8ff2b41a00f6475c9b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 14 Mar 2022 15:48:03 +0100
Subject: [PATCH] Avoid error in case of missing image

---
 .../Private/Partials/Hotel/Teaser.html        | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
index 6c249e36..4b52a6b5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
@@ -9,12 +9,23 @@
                 <svg class="w-8 h-6 absolute top-0 left-0">
                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{hotel.country.code -> f:format.case(mode: 'lower')}"></use>
                 </svg>
-                <ep:lazyLoadImage image="{hotel.images.original.0}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-full object-cover"
-                                  width="360c"
-                                  height="270c"
-                                  alt="{hotel.name}" />
+                <f:if condition="{hotel.images.original.0}">
+                    <f:then>
+                        <ep:lazyLoadImage image="{hotel.images.original.0}"
+                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                          class="block w-full h-full object-cover"
+                                          width="360c"
+                                          height="270c"
+                                          alt="{hotel.name}" />
+                    </f:then>
+                    <f:else>
+                        <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                 class="block w-full h-full object-cover"
+                                 width="360c"
+                                 height="270c"
+                                 alt="{hotel.name}" />
+                    </f:else>
+                </f:if>
             </div>
             <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200">
                 <span class="headline--3 mb-4">