48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Github, Twitter } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { changelogData } from "@/lib/changelog-data";
|
|
import { useTranslations } from "next-intl";
|
|
|
|
export function Footer() {
|
|
const t = useTranslations("Footer");
|
|
const latestVersion = changelogData[0]?.version;
|
|
|
|
return (
|
|
<footer className="w-full border-t bg-background">
|
|
<div className="container relative mx-auto flex h-16 items-center justify-between px-4 md:px-6">
|
|
<div className="text-sm text-muted-foreground">
|
|
<p>© {new Date().getFullYear()} Pascal Linxweiler</p>
|
|
</div>
|
|
|
|
<div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-1">
|
|
<Button variant="ghost" size="icon" asChild>
|
|
<Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
|
|
<Github className="h-4 w-4" />
|
|
</Link>
|
|
</Button>
|
|
<Button variant="ghost" size="icon" asChild>
|
|
<Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
|
|
<Twitter className="h-4 w-4" />
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
|
|
<div className="flex items-center gap-4 text-sm text-muted-foreground">
|
|
<Link href="/imprint" className="hover:text-primary transition-colors">{t('imprint')}</Link>
|
|
<Link href="/privacy" className="hover:text-primary transition-colors">{t('privacy')}</Link>
|
|
{latestVersion && (
|
|
<Link
|
|
href="/changelog"
|
|
className="hover:text-primary transition-colors"
|
|
>
|
|
v{latestVersion}
|
|
</Link>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
} |