Refactor

src/components/SocialLinks.astro

@@ -1,44 +1,23 @@
 ---
 import { Icon } from 'astro-icon/components';
 import SpotifyIcon from './SpotifyIcon';
+import { socialLinks } from '../config/data';
 ---
 
 <div class="flex flex-row gap-1 sm:gap-4 text-3xl">
-    <a
-      href="mailto:me@atri.dad"
-      aria-label="Email me"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="mdi:email" />
-    </a>
-
-    <a
-      href="/feed"
-      aria-label="RSS Feed"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="mdi:rss" />
-    </a>
-
-    <a
-      href="https://git.atri.dad/atridad"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Forgejo (Git)"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:gitea" />
-    </a>
-
-    <a
-      href="https://bsky.app/profile/atri.dad"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Bluesky Profile"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:bluesky" />
-    </a>
-
-    <SpotifyIcon profileUrl="https://open.spotify.com/user/31pjwuuqwnn5zr7fnhfjjmi7c4bi?si=1be2bfdc844c4d85" client:load />
-  </div>
+  {socialLinks.map((link) => (
+    link.id === 'spotify' ? (
+      <SpotifyIcon profileUrl={link.url} client:load />
+    ) : (
+      <a
+        href={link.url}
+        target={link.url.startsWith('http') ? '_blank' : undefined}
+        rel={link.url.startsWith('http') ? 'noopener noreferrer' : undefined}
+        aria-label={link.ariaLabel}
+        class="hover:text-primary transition-colors"
+      >
+        <Icon name={link.icon} />
+      </a>
+    )
+  ))}
+</div>