fix: social link show when not set

Author: ZL-Asica

config.yml

@@ -55,7 +55,7 @@ startYear: 2017 # Leave empty if you do not want to display a start year.
 socialMedia:
   github_username: ZL-Asica # Your GitHub username. https://github.com/username
   linkedin_username: elara-liu # Your LinkedIn username. https://www.linkedin.com/in/username
-  instagram_id: zl_asica # Your Instagram username.
+  instagram_id: # Your Instagram username.
   orcid_id: 0009-0008-7221-2324 # Your ORCID iD.
   telegram_username: zl_asica # Your Telegram username. https://t.me/username
   bluesky_username: zla.app # Your Bluesky username (without prefix). https://bsky.app/profile/{username}

src/components/common/SocialMediaLinks.tsx

@@ -31,12 +31,12 @@ const SocialMediaLinks = ({
       className={`mx-4 mb-5 flex flex-wrap justify-center gap-y-4 space-x-4 ${className}`}
     >
       {Object.entries(socialMedia)
-        .filter(([key, _]) => key in socialData)
+        .filter(([key, username]) => key in socialData && username !== null)
         .map(([key, username]) => {
           const { urlTemplate, icon: IconComponent } = socialData[key as SocialMediaKey];
 
           const label = upperFirst(words(key)[0]);
-          if (key === 'rss' && username !== '' && username !== 'false') {
+          if (key === 'rss' && username !== 'false') {
             username = `/feed.xml`;
           }
           return (