Files
office_translator/frontend/src/components/layout/site-footer.tsx
sepehr eda6821632
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 2m43s
i18n: fix missing keys and translate all non-admin frontend strings
- Add 12 missing i18n keys (t() was returning the literal key string) to
  all 13 locales: dashboard.topbar.premiumAccess,
  dashboard.translate.complete.toastOkDesc,
  dashboard.translate.progress.{connectionLost,processingFallback},
  glossaries.card.{term,created}, glossaries.termEditor.{addTerm,maxReached},
  login.google.{connecting,errorFailed,errorGeneric}, login.orContinueWith
- Add 6 FR-drift keys (landing.pricing.{free,enterprise}.{name,desc,cta})
- Add ~120 new i18n keys covering site header/footer, file-uploader,
  checkout success, dashboard pages, translate page, provider selector
  themes, language selector, translation complete, api-keys, services,
  settings, pricing (~1800 new key/locale pairs)
- Wrap hardcoded French/English in components with t() calls
- Convert LLM_THEMES/CLASSIC_THEMES/FALLBACK_PROVIDERS maps from
  hardcoded constants to t()-driven factories
- Admin pages intentionally left untouched per request

Files: 15 components/pages + src/lib/i18n.tsx
Typecheck: passes (tsc --noEmit exit 0)
2026-06-14 12:45:12 +02:00

25 lines
932 B
TypeScript

import Link from "next/link";
import { useI18n } from "@/lib/i18n";
export function SiteFooter() {
const { t } = useI18n();
return (
<footer className="border-t border-border py-6 text-center text-xs text-muted-foreground">
<div className="mx-auto max-w-5xl px-6 flex flex-col sm:flex-row items-center justify-between gap-4">
<span>{t('landing.footer.rights')}</span>
<div className="flex items-center gap-6">
<Link href="/pricing" className="hover:text-foreground transition-colors">
{t('landing.nav.pricing')}
</Link>
<Link href="/pricing#terms" className="hover:text-foreground transition-colors">
{t('layout.footer.terms')}
</Link>
<Link href="/pricing#privacy" className="hover:text-foreground transition-colors">
{t('layout.footer.privacy')}
</Link>
</div>
</div>
</footer>
);
}