feat: localize auth and portal pages

2026-07-19 03:07:42 +03:00
parent 0158f2f25a
commit c2eeb0ff92
14 changed files with 648 additions and 212 deletions
@@ -0,0 +1,58 @@
+import { AuthPageShell } from "@/components/auth/auth-page-shell";
+import { LocaleSelectForm } from "@/components/i18n/locale-select-form";
+import { getPublicBranding } from "@/server/branding/runtime";
+import { getSqliteConnection } from "@/server/db/client";
+import { ContentTranslationService } from "@/server/i18n/content";
+import { resolveRequestLocale } from "@/server/i18n/resolver";
+import { createTranslator } from "@/server/i18n/translator";
+import Link from "next/link";
+import { Alert, AlertDescription } from "poyraz-ui/molecules";
+
+export const dynamic = "force-dynamic";
+
+export default async function ResetPasswordPage() {
+  const branding = getPublicBranding();
+  const locale = await resolveRequestLocale();
+  const t = createTranslator(locale.locale, ["auth"]).t;
+  const localization = new ContentTranslationService(getSqliteConnection().db).getPublicLocalizationContext();
+
+  return (
+    <AuthPageShell
+      branding={{
+        applicationName: branding.organizationName ?? branding.applicationName,
+        lightLogoUrl: branding.lightLogoUrl,
+        darkLogoUrl: branding.darkLogoUrl,
+      }}
+      title={t("auth.reset.title")}
+      description={t("auth.reset.description")}
+      marketing={{
+        headline: t("auth.marketing.headline"),
+        description: t("auth.marketing.description", { app: branding.organizationName ?? branding.applicationName }),
+        openSource: t("auth.marketing.openSource"),
+        github: t("auth.marketing.github"),
+        via: t("auth.marketing.via"),
+        builtBy: t("auth.marketing.builtBy"),
+        highlights: [
+          t("auth.highlights.clients"),
+          t("auth.highlights.calendar"),
+          t("auth.highlights.finance"),
+          t("auth.highlights.reports"),
+        ] as [string, string, string, string],
+      }}
+      form={
+        <div className="space-y-6">
+          <LocaleSelectForm label={t("auth.language")} value={locale.locale} locales={localization.locales} />
+          <Alert variant="info" appearance="soft">
+            <AlertDescription>{t("auth.reset.description")}</AlertDescription>
+          </Alert>
+        </div>
+      }
+      secondaryAction={null}
+      footer={
+        <Link href="/login" className="block text-center text-sm font-medium text-primary hover:text-primary-hover">
+          {t("auth.forgot.back")}
+        </Link>
+      }
+    />
+  );
+}