fix: translate settings page title and subtitle
Settings layout header ("Settings" / "Manage your account,
preferences, and integrations.") was hardcoded English, shown on
every settings sub-page.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,11 +1,17 @@
|
||||
import { headers } from "next/headers";
|
||||
import { auth } from "@/lib/auth/server";
|
||||
import { SettingsSidebar } from "@/components/settings/settings-sidebar";
|
||||
import { getMessages } from "@/lib/i18n/server";
|
||||
|
||||
export default async function SettingsLayout({ children }: { children: React.ReactNode }) {
|
||||
const session = await auth.api.getSession({ headers: await headers() });
|
||||
const m = getMessages((session?.user as { locale?: string })?.locale);
|
||||
|
||||
export default function SettingsLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<div className="mb-8">
|
||||
<h1 className="text-3xl font-bold tracking-tight">Settings</h1>
|
||||
<p className="text-muted-foreground mt-1">Manage your account, preferences, and integrations.</p>
|
||||
<h1 className="text-3xl font-bold tracking-tight">{m.settings.title}</h1>
|
||||
<p className="text-muted-foreground mt-1">{m.settings.subtitle}</p>
|
||||
</div>
|
||||
<div className="flex gap-8 items-start">
|
||||
<SettingsSidebar />
|
||||
|
||||
@@ -172,6 +172,7 @@
|
||||
},
|
||||
"settings": {
|
||||
"title": "Settings",
|
||||
"subtitle": "Manage your account, preferences, and integrations.",
|
||||
"profile": "Profile",
|
||||
"language": "Language",
|
||||
"units": "Units",
|
||||
|
||||
@@ -172,6 +172,7 @@
|
||||
},
|
||||
"settings": {
|
||||
"title": "Paramètres",
|
||||
"subtitle": "Gérez votre compte, vos préférences et vos intégrations.",
|
||||
"profile": "Profil",
|
||||
"language": "Langue",
|
||||
"units": "Unités",
|
||||
|
||||
Reference in New Issue
Block a user