joaonloureiro/portfolio-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update social media links in Footer component to use environment variables and refactor Contact component to utilize backend URL from environment variable

Browse Source
This commit is contained in:
João Loureiro
2025-06-09 12:21:20 -03:00
parent 6316a59170
commit d57afe93a3
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/components/Footer.tsx
View File

@@ -5,18 +5,22 @@ import { FaGithub, FaLinkedin, FaTwitter } from 'react-icons/fa';
export default function Footer() {
const t = useTranslations('footer');
const githubUrl = process.env.NEXT_PUBLIC_GITHUB_URL || '#';
const linkedinUrl = process.env.NEXT_PUBLIC_LINKEDIN_URL || '#';
const twitterUrl = process.env.NEXT_PUBLIC_TWITTER_URL || '#';
return (
<footer className="border-t border-[var(--color-border)] py-8 text-[var(--color-text-secondary)]">
<div className="container mx-auto flex flex-col md:flex-row justify-between items-center gap-4 px-4 sm:px-6 lg:px-8">
<p className="text-sm">&copy; {new Date().getFullYear()} João Loureiro. {t('copyright')}</p>
<div className="flex items-center space-x-4">
<Link href="#" aria-label="GitHub" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<Link href={githubUrl} aria-label="GitHub" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<FaGithub size={20} />
</Link>
<Link href="#" aria-label="LinkedIn" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<Link href={linkedinUrl} aria-label="LinkedIn" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<FaLinkedin size={20} />
</Link>
<Link href="#" aria-label="Twitter" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<Link href={twitterUrl} aria-label="Twitter" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
<FaTwitter size={20} />
</Link>
</div>