i18n: translate all public page bodies (EN + IT)
Internationalised the ~44 public pages with next-intl (the shell was already translated). Each page now pulls its copy from a "pages.<slug>" namespace via getTranslations (server) / useTranslations (client); the EN + IT catalogs were authored by parallel agents and merged centrally, with natural Italian (ICU plurals) and it backfilled from en for any gap. request.ts gained getMessageFallback/onError so a missing key degrades to the English value, never a raw key. Behaviour unchanged (only display text moved to t() calls; queries, actions, fields, ContentCard structure preserved). Verified on the prod server: with NEXT_LOCALE=it, home/community/staff/news/shop/rankings all render Italian copy, no raw-key leakage; English unchanged. The nav language switcher toggles EN/IT live. tsc 0, vitest 49/49, next build 0. Admin pages intentionally left in English (staff tooling).
This commit is contained in:
1 parent
1199176883
commit
e004dfedaf
47 files changed
+1740
-471
No files matched your search
+13
-12
@@ -1,4 +1,5 @@
|
||||
import Link from "next/link";
|
||||
import { getTranslations } from "next-intl/server";
|
||||
import { isValidVerificationToken } from "@/actions/email-verify";
|
||||
import { ContentCard, EmptyState } from "@/components/public/ui";
|
||||
import { prisma } from "@/lib/prisma";
|
||||
@@ -13,6 +14,7 @@ export default async function VerifyPage({
|
||||
}: {
|
||||
searchParams: Promise<{ token?: string; email?: string }>;
|
||||
}) {
|
||||
const t = await getTranslations("pages.verify");
|
||||
// Next 16: searchParams is a Promise.
|
||||
const { token = "", email = "" } = await searchParams;
|
||||
const normalisedEmail = email.trim().toLowerCase();
|
||||
@@ -53,38 +55,37 @@ export default async function VerifyPage({
|
||||
return (
|
||||
<main style={{ maxWidth: 480, margin: "2rem auto" }}>
|
||||
{status === "verified" ? (
|
||||
<ContentCard icon="✅" title="You're all set" subtitle="Email verified">
|
||||
<ContentCard icon="✅" title={t("verifiedTitle")} subtitle={t("verifiedSubtitle")}>
|
||||
<p className="muted" style={{ marginTop: 0 }}>
|
||||
Your email address has been verified. You can now log in and play.
|
||||
{t("verifiedBody")}
|
||||
</p>
|
||||
<Link href="/login" className="btn btn-primary">
|
||||
Go to login
|
||||
{t("goToLogin")}
|
||||
</Link>
|
||||
</ContentCard>
|
||||
) : status === "already" ? (
|
||||
<ContentCard icon="✅" title="Already verified" subtitle="Nothing left to do">
|
||||
<ContentCard icon="✅" title={t("alreadyTitle")} subtitle={t("alreadySubtitle")}>
|
||||
<p className="muted" style={{ marginTop: 0 }}>
|
||||
This email address has already been confirmed.
|
||||
{t("alreadyBody")}
|
||||
</p>
|
||||
<Link href="/login" className="btn btn-primary">
|
||||
Go to login
|
||||
{t("goToLogin")}
|
||||
</Link>
|
||||
</ContentCard>
|
||||
) : status === "unavailable" ? (
|
||||
<ContentCard icon="⏳" title="Try again shortly" subtitle="Server unreachable">
|
||||
<ContentCard icon="⏳" title={t("unavailableTitle")} subtitle={t("unavailableSubtitle")}>
|
||||
<p className="muted" style={{ margin: 0 }}>
|
||||
We couldn't reach the server to verify your email. Please retry the link in a moment.
|
||||
{t("unavailableBody")}
|
||||
</p>
|
||||
</ContentCard>
|
||||
) : (
|
||||
<ContentCard icon="📧" title="Email verification" subtitle="Invalid or expired link">
|
||||
<ContentCard icon="📧" title={t("invalidTitle")} subtitle={t("invalidSubtitle")}>
|
||||
<EmptyState icon="🔗">
|
||||
This verification link is not valid. Make sure you opened the full link from your email,
|
||||
or request a new one.
|
||||
{t("invalidBody")}
|
||||
</EmptyState>
|
||||
<div style={{ textAlign: "center" }}>
|
||||
<Link href="/login" className="btn btn-outline">
|
||||
Back to login
|
||||
{t("backToLogin")}
|
||||
</Link>
|
||||
</div>
|
||||
</ContentCard>
|
||||
|
||||
Reference in new issue
Block a user