dev #55
@@ -2,9 +2,31 @@ import { useTranslation } from "@/lib/i18n";
|
||||
import { Separator } from "@sase/ui";
|
||||
import { Link } from "@tanstack/react-router";
|
||||
|
||||
export function SiteFooter() {
|
||||
export function SiteFooter({ variant = "full" }: { variant?: "full" | "compact" }) {
|
||||
const { t } = useTranslation();
|
||||
|
||||
// Compact variant — single line for app/dashboard layouts.
|
||||
if (variant === "compact") {
|
||||
return (
|
||||
<footer className="border-t border-border px-6 py-3">
|
||||
<p className="text-center text-xs text-muted-foreground">
|
||||
© {new Date().getFullYear()} Sase.tr ·{" "}
|
||||
<Link to="/privacy" className="transition-colors hover:text-foreground">
|
||||
{t("footer.privacy")}
|
||||
</Link>{" "}
|
||||
·{" "}
|
||||
<Link to="/terms" className="transition-colors hover:text-foreground">
|
||||
{t("footer.terms")}
|
||||
</Link>{" "}
|
||||
·{" "}
|
||||
<Link to="/kvkk" className="transition-colors hover:text-foreground">
|
||||
{t("footer.kvkk")}
|
||||
</Link>
|
||||
</p>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<footer className="border-t border-border bg-background px-4 sm:px-6">
|
||||
<div className="mx-auto max-w-7xl">
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import { SiteFooter } from "@/components/site-footer";
|
||||
import { TrialUrgencyBanner } from "@/components/trial-urgency-banner";
|
||||
import { useAuth } from "@/hooks/use-auth";
|
||||
import { api } from "@/lib/api-client";
|
||||
@@ -512,18 +513,7 @@ function DashboardLayout() {
|
||||
</main>
|
||||
|
||||
{/* Footer */}
|
||||
<div className="border-t border-border px-6 py-3">
|
||||
<p className="text-center text-xs text-muted-foreground/70">
|
||||
© {new Date().getFullYear()} Sase.tr ·{" "}
|
||||
<Link to="/privacy" className="transition-colors hover:text-foreground">
|
||||
Gizlilik Politikası
|
||||
</Link>{" "}
|
||||
·{" "}
|
||||
<Link to="/terms" className="transition-colors hover:text-foreground">
|
||||
Kullanım Koşulları
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
<SiteFooter variant="compact" />
|
||||
</div>
|
||||
|
||||
{/* ─── Mobile Nav Drawer (Radix Dialog: focus-trap, Esc, scroll-lock) ─── */}
|
||||
|
||||
Reference in New Issue
Block a user