From 93b182c3333398a9fcc17cb6a701c11d1203b5a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 17 Jul 2024 14:44:14 +0200
Subject: [PATCH] feat: don't render whatsapp link unless configured

---
 .../Private/Partials/ContactBar.html          | 22 ++++++-----
 .../Resources/Private/Partials/Footer.html    | 38 ++++++++++---------
 2 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ContactBar.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ContactBar.html
index 91ebdb25..1b4d577d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ContactBar.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ContactBar.html
@@ -32,16 +32,18 @@
                 {settings.contactFormToEmail}
             </div>
         </f:link.email>
-        <a href="{settings.whatsAppNumberLink}"
-           class="contact-bar__item"
-           title="Whatsapp"
-           target="_blank"
-           rel="nofollow">
-            {ep:icon(icon: 'whatsapp', class: 'contact-bar__icon')}
-            <div class="contact-bar__label">
-                {settings.whatsApp}
-            </div>
-        </a>
+        <f:if condition="{settings.whatsApp}">
+            <a href="{settings.whatsAppNumberLink}"
+               class="contact-bar__item"
+               title="Whatsapp"
+               target="_blank"
+               rel="nofollow">
+                {ep:icon(icon: 'whatsapp', class: 'contact-bar__icon')}
+                <div class="contact-bar__label">
+                    {settings.whatsApp}
+                </div>
+            </a>
+        </f:if>
         <a href="{settings.facebookUrl}"
            class="contact-bar__item"
            target="_blank"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
index 236d4439..c32f0a6b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -63,26 +63,28 @@
                             </span>
                         </div>
                     </div>
-                    <div class="flex">
-                        <div class="flex items-start space-x-2 pr-4">
-                            {ep:icon(icon: 'whatsapp', class: 'w-12 h-12 text-white')}
-                            <div class="text-white">
-                                <span class="block uppercase text-xl">
-                                    WhatsApp
-                                </span>
-                                <a class="text-white whitespace-nowrap"
-                                   href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}"
-                                   title="WhatsApp"
-                                   target="_blank"
-                                   rel="nofollow">
-                                    {settings.whatsApp}
-                                </a>
+                    <f:if condition="{settings.whatsApp}">
+                        <div class="flex">
+                            <div class="flex items-start space-x-2 pr-4">
+                                {ep:icon(icon: 'whatsapp', class: 'w-12 h-12 text-white')}
+                                <div class="text-white">
+                                    <span class="block uppercase text-xl">
+                                        WhatsApp
+                                    </span>
+                                    <a class="text-white whitespace-nowrap"
+                                       href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}"
+                                       title="WhatsApp"
+                                       target="_blank"
+                                       rel="nofollow">
+                                        {settings.whatsApp}
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="text-white flex-1">
+                                {f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')}
                             </div>
                         </div>
-                        <div class="text-white flex-1">
-                            {f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')}
-                        </div>
-                    </div>
+                    </f:if>
                 </div>
             </div>
         </div>