dschlueter/jamulix-homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Footer: E-Mail-Link wiederhergestellt, Wert aus .env.local (OWNER_EMAIL)

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dieter Schlüter 2026-04-25 22:41:16 +02:00
commit b53339852a
1 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

34
components/footer.tsx
View file

@ -17,7 +17,10 @@ const legalLinks = [
]
export function Footer({ email }: { email?: string }) {
const repoLink = { label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github }
const socialLinks = [
{ label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github },
{ label: email ?? '[Emailadresse]', href: `mailto:${email ?? '[Emailadresse]'}`, icon: Mail },
]
const currentYear = new Date().getFullYear()
return (
@ -45,25 +48,26 @@ export function Footer({ email }: { email?: string }) {
</p>
{/* Social links */}
<div className="flex flex-col gap-3 mt-6">
<div className="flex gap-4 mt-6">
{socialLinks.map((link) => {
const Icon = link.icon
return (
<Link
href={repoLink.href}
target="_blank"
rel="noopener noreferrer"
key={link.label}
href={link.href}
target={link.href.startsWith('http') ? '_blank' : undefined}
rel={link.href.startsWith('http') ? 'noopener noreferrer' : undefined}
className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
aria-label={repoLink.label}
aria-label={link.label}
>
<Github className="size-5" />
<span className="text-sm">{repoLink.label}</span>
<Icon className="size-5" />
<span className="text-sm">{link.label}</span>
{link.href.startsWith('http') && (
<ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" />
)}
</Link>
<Link
href={`mailto:${email ?? '[Emailadresse]'}`}
className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
>
<Mail className="size-5 shrink-0" />
<span className="text-sm">{email ?? '[Emailadresse]'}</span>
</Link>
)
})}
</div>
</div>