From 4481ab0f563de80caf3ad88ce5a092adad804fd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Fri, 19 Aug 2022 15:56:24 +0200
Subject: [PATCH] Avoid error in case of missing teaserimage of region

---
 .../Private/Partials/Region/Teaser.html       | 32 +++++++++++++++----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
index 54d5abd4..35870f27 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
@@ -7,12 +7,32 @@
         <a href="{f:uri.typolink(parameter: region.detailPage)}" title="{region.name}" class="flex flex-col">
             <div class="relative">
                 {ep:icon(icon: 'flag-{region.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')}
-                <ep:lazyLoadImage image="{region.teaserImages.0}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-full object-cover"
-                                  width="400c"
-                                  height="300c"
-                                  alt="{region.name}" />
+                <f:alias map="{teaserImage: region.teaserImage, defaultImage: region.images.0}">
+                    <f:if condition="{teaserImage}">
+                        <f:then>
+                            <f:variable name="image" value="{teaserImage}"/>
+                        </f:then>
+                        <f:else>
+                            <f:variable name="image" value="{defaultImage}"/>
+                        </f:else>
+                    </f:if>
+                    <f:if condition="{image}">
+                        <f:then>
+                            <ep:lazyLoadImage image="{image}"
+                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                              class="block w-full h-full object-cover"
+                                              width="400c"
+                                              height="300c"
+                                              alt="{region.name}" />
+                        </f:then>
+                        <f:else>
+                            <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                     width="400c"
+                                     height="300c"
+                                     alt="{region.name}"/>
+                        </f:else>
+                    </f:if>
+                </f:alias>
             </div>
             <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
                 <span class="headline--3 mb-4">