feat: don't render whatsapp link unless configured

This commit is contained in:
Björn Fromme
2024-07-17 14:44:14 +02:00
parent 1cd283ac6f
commit 93b182c333
2 changed files with 32 additions and 28 deletions
@@ -32,16 +32,18 @@
{settings.contactFormToEmail} {settings.contactFormToEmail}
</div> </div>
</f:link.email> </f:link.email>
<a href="{settings.whatsAppNumberLink}" <f:if condition="{settings.whatsApp}">
class="contact-bar__item" <a href="{settings.whatsAppNumberLink}"
title="Whatsapp" class="contact-bar__item"
target="_blank" title="Whatsapp"
rel="nofollow"> target="_blank"
{ep:icon(icon: 'whatsapp', class: 'contact-bar__icon')} rel="nofollow">
<div class="contact-bar__label"> {ep:icon(icon: 'whatsapp', class: 'contact-bar__icon')}
{settings.whatsApp} <div class="contact-bar__label">
</div> {settings.whatsApp}
</a> </div>
</a>
</f:if>
<a href="{settings.facebookUrl}" <a href="{settings.facebookUrl}"
class="contact-bar__item" class="contact-bar__item"
target="_blank" target="_blank"
@@ -63,26 +63,28 @@
</span> </span>
</div> </div>
</div> </div>
<div class="flex"> <f:if condition="{settings.whatsApp}">
<div class="flex items-start space-x-2 pr-4"> <div class="flex">
{ep:icon(icon: 'whatsapp', class: 'w-12 h-12 text-white')} <div class="flex items-start space-x-2 pr-4">
<div class="text-white"> {ep:icon(icon: 'whatsapp', class: 'w-12 h-12 text-white')}
<span class="block uppercase text-xl"> <div class="text-white">
WhatsApp <span class="block uppercase text-xl">
</span> WhatsApp
<a class="text-white whitespace-nowrap" </span>
href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}" <a class="text-white whitespace-nowrap"
title="WhatsApp" href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}"
target="_blank" title="WhatsApp"
rel="nofollow"> target="_blank"
{settings.whatsApp} rel="nofollow">
</a> {settings.whatsApp}
</a>
</div>
</div>
<div class="text-white flex-1">
{f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')}
</div> </div>
</div> </div>
<div class="text-white flex-1"> </f:if>
{f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>