feat(settings): restructure settings layout and separate route modules

2026-07-20 10:25:40 +03:00
parent cc22c8ee1d
commit b424385667
34 changed files with 2867 additions and 1691 deletions
@@ -0,0 +1,33 @@
+import { PageHeader } from "@/components/system/page-header";
+import { requireFreelancer } from "@/server/auth/session";
+import { resolveFreelancerLocale } from "@/server/i18n/resolver";
+import { createTranslator } from "@/server/i18n/translator";
+import { SettingsNavigation } from "./settings-navigation";
+
+export default async function SettingsLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  const context = await requireFreelancer();
+  const locale = await resolveFreelancerLocale(context);
+  const t = createTranslator(locale.locale, ["settings"]).t;
+
+  return (
+    <div className="mx-auto flex max-w-7xl flex-col gap-6">
+      <PageHeader title={t("settings.title")} />
+      <div className="flex min-w-0 flex-col gap-8 md:flex-row md:items-start">
+        <SettingsNavigation
+          labels={{
+            general: t("settings.navigation.general"),
+            appearance: t("settings.navigation.appearance"),
+            profile: t("settings.navigation.profile"),
+            security: t("settings.navigation.security"),
+            ai: t("settings.navigation.ai"),
+            language: t("settings.navigation.language"),
+            languages: t("settings.navigation.languages"),
+          }}
+        />
+        <section className="min-w-0 flex-1">{children}</section>
+      </div>
+    </div>
+  );
+}