From b60e6c8c33298b4c0c7044220292f4501d93d09e Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sat, 22 Jun 2024 10:59:53 +0200
Subject: [PATCH] fix: conditionally render social media links in footer

Updated the footer to conditionally display social media icons based on theme settings. This prevents empty links from appearing when no URL is set, improving UX and avoiding potential navigation issues.
---
 footer.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/footer.php b/footer.php
index f7d3cdf..86f1055 100644
--- a/footer.php
+++ b/footer.php
@@ -13,9 +13,15 @@
             ?>
         </div>
         <div class="social-media mt-3">
-            <a href="<?php echo get_theme_mod('footer_facebook_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/facebook-icon.png" alt="Facebook"></a>
-            <a href="<?php echo get_theme_mod('footer_twitter_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/twitter-icon.png" alt="Twitter"></a>
-            <a href="<?php echo get_theme_mod('footer_linkedin_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/linkedin-icon.png" alt="LinkedIn"></a>
+            <?php if (get_theme_mod('footer_facebook_link', '#')) : ?>
+                <a href="<?php echo get_theme_mod('footer_facebook_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/facebook-icon.png" alt="Facebook"></a>
+            <?php endif;
+            if (get_theme_mod('footer_twitter_link', '#')) : ?>
+                <a href="<?php echo get_theme_mod('footer_twitter_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/twitter-icon.png" alt="Twitter"></a>
+            <?php endif;
+            if (get_theme_mod('footer_linkedin_link', '#')) : ?>
+                <a href="<?php echo get_theme_mod('footer_linkedin_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/linkedin-icon.png" alt="LinkedIn"></a>
+            <?php endif; ?>
         </div>
     </div>
 </footer>