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).
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import Link from "next/link";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { requestReset } from "@/actions/password-reset";
|
|
import { ContentCard } from "@/components/public/ui";
|
|
|
|
export default async function ForgotPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{ sent?: string }>;
|
|
}) {
|
|
const t = await getTranslations("pages.forgot");
|
|
const { sent } = await searchParams;
|
|
|
|
return (
|
|
<main style={{ maxWidth: 420, margin: "2rem auto" }}>
|
|
<ContentCard
|
|
icon="🔑"
|
|
title={t("title")}
|
|
subtitle={t("subtitle")}
|
|
>
|
|
{sent ? (
|
|
<p className="muted" style={{ textAlign: "center", margin: 0 }}>
|
|
{t("sentNotice")}
|
|
</p>
|
|
) : (
|
|
<form action={requestReset} style={{ display: "grid", gap: "0.7rem" }}>
|
|
<input name="email" type="email" placeholder={t("emailPlaceholder")} autoComplete="email" required />
|
|
<button type="submit" className="btn btn-primary">
|
|
{t("sendResetLink")}
|
|
</button>
|
|
</form>
|
|
)}
|
|
<p className="muted" style={{ textAlign: "center", marginBottom: 0, marginTop: "1rem" }}>
|
|
<Link href="/login">{t("backToLogin")}</Link>
|
|
</p>
|
|
</ContentCard>
|
|
</main>
|
|
);
|
|
}
|