ref: update social network icons (#251)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: marco-souza <4452113+marco-souza@users.noreply.github.com>
Co-authored-by: Marco Souza <marco.souza@mongodb.com>

Author: Copilot

e2e/site.spec.ts

@@ -31,6 +31,31 @@ test.describe('Homepage', () => {
     const footer = page.locator('footer');
     await expect(footer).toBeInViewport();
   });
+
+  test('shows only official social links in the footer', async ({ page }) => {
+    await page.goto('/');
+
+    const socialLinks = page.locator('footer').getByTestId('social-links');
+
+    await expect(socialLinks.getByRole('link', { name: /podcodar no github/i })).toHaveAttribute(
+      'href',
+      'https://github.com/podcodar/'
+    );
+    await expect(socialLinks.getByRole('link', { name: /podcodar no linkedin/i })).toHaveAttribute(
+      'href',
+      'https://www.linkedin.com/company/podcodar/'
+    );
+    await expect(socialLinks.getByRole('link', { name: /podcodar no instagram/i })).toHaveAttribute(
+      'href',
+      'https://www.instagram.com/podcodar/'
+    );
+    await expect(socialLinks.getByRole('link', { name: /podcodar no youtube/i })).toHaveAttribute(
+      'href',
+      'https://www.youtube.com/@podcodar5070/'
+    );
+
+    await expect(socialLinks.getByRole('link')).toHaveCount(4);
+  });
 });
 
 // ──────────────────────────────────────────────────────────────────────────────

src/components/Footer.astro

@@ -1,7 +1,6 @@
 ---
-import { Icon } from 'astro-icon/components';
 import Logo from '@/components/Logo.astro';
-import { footerSocialIconify, footerSocialLinks } from '@/data/social-links';
+import SocialLinks from '@/components/SocialLinks.astro';
 import { getLangFromUrl, useTranslations } from '@/i18n/utils';
 
 const today = new Date();
@@ -14,25 +13,5 @@ const t = useTranslations(lang);
     <Logo size="sm" showTitle class="justify-center" />
   </div>
   <p class="m-0">&copy; {today.getFullYear()} PodCodar. {t('footer.copyright')}</p>
-  <div class="mt-6 flex flex-wrap justify-center gap-5 sm:gap-6">
-    {
-      footerSocialLinks.map((link) => (
-        <a
-          href={link.href}
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-base-content/70 hover:text-primary transition-colors"
-        >
-          <span class="sr-only">{link.label}</span>
-          <Icon
-            name={footerSocialIconify[link.network]}
-            aria-hidden="true"
-            width={28}
-            height={28}
-            class="inline-block"
-          />
-        </a>
-      ))
-    }
-  </div>
+  <SocialLinks />
 </footer>

src/components/SocialLinks.astro

@@ -0,0 +1,20 @@
+---
+import { Icon } from 'astro-icon/components';
+import { socialIconify, socialLinks } from '@/data/social-links';
+---
+
+<div class="mt-6 flex flex-wrap justify-center gap-5 sm:gap-6" data-testid="social-links">
+  {
+    socialLinks.map((link) => (
+      <a
+        href={link.href}
+        target="_blank"
+        rel="noopener noreferrer"
+        class="text-base-content/70 hover:text-primary transition-colors"
+      >
+        <span class="sr-only">{link.label}</span>
+        <Icon name={socialIconify[link.network]} aria-hidden="true" width={28} height={28} class="inline-block" />
+      </a>
+    ))
+  }
+</div>

src/data/social-links.ts

@@ -1,29 +1,29 @@
 /**
  * Footer / social presence. Update hrefs if a handle or invite URL changes.
  */
-export type SocialNetwork = 'github' | 'linkedin' | 'instagram' | 'youtube' | 'x' | 'discord';
+const SOCIAL_LINKS = ['github', 'linkedin', 'instagram', 'youtube'] as const;
 
-export type FooterSocialLink = {
+export type SocialNetwork = (typeof SOCIAL_LINKS)[number];
+
+export type SocialLink = {
   href: string;
   /** Screen reader label (pt-BR). */
   label: string;
   network: SocialNetwork;
 };
 
 /** Iconify ids for `astro-icon` + `@iconify-json/simple-icons`. */
-export const footerSocialIconify: Record<SocialNetwork, string> = {
+export const socialIconify: Record<SocialNetwork, string> = {
   github: 'simple-icons:github',
   linkedin: 'simple-icons:linkedin',
   instagram: 'simple-icons:instagram',
   youtube: 'simple-icons:youtube',
-  x: 'simple-icons:x',
-  discord: 'simple-icons:discord',
 };
 
-export const footerSocialLinks: FooterSocialLink[] = [
+export const socialLinks: SocialLink[] = [
   {
     network: 'github',
-    href: 'https://github.com/podcodar',
+    href: 'https://github.com/podcodar/',
     label: 'PodCodar no GitHub',
   },
   {
@@ -38,17 +38,7 @@ export const footerSocialLinks: FooterSocialLink[] = [
   },
   {
     network: 'youtube',
-    href: 'https://www.youtube.com/@podcodar',
+    href: 'https://www.youtube.com/@podcodar5070/',
     label: 'PodCodar no YouTube',
   },
-  {
-    network: 'x',
-    href: 'https://x.com/podcodar',
-    label: 'PodCodar no X',
-  },
-  {
-    network: 'discord',
-    href: 'https://discord.com/invite/podcodar',
-    label: 'PodCodar no Discord',
-  },
 ];

src/data/transparency.ts

@@ -18,7 +18,6 @@ export const METRICS = [
   { value: '300+', label: 'membros' },
   { value: '30+', label: 'mentorados' },
   { value: '16+', label: 'colocados em empregos' },
-  { value: '2', label: 'colocados em universidades federais' },
 ] as const;
 
 export type BoardMember = (typeof BOARD_MEMBERS)[number];