Update homepage routes to include language and mode

2026-07-02 14:10:17 -04:00
parent 56c3bcf666
commit 781512399b
51 changed files with 792 additions and 344 deletions
@@ -0,0 +1,95 @@
+import { StateAction, StateActions, StateShell } from '@/components/app-shell/StateShell';
+import { SignInForm } from '@/components/auth/SignInForm';
+import { ForgotPasswordForm } from '@/components/auth/ForgotPasswordForm';
+import { ResetPasswordForm } from '@/components/auth/ResetPasswordForm';
+import {
+  isLocale,
+  isMode,
+  localizedModePath,
+  routeIdFromSlug,
+  type Locale,
+  type RouteId,
+} from '@/lib/localization/config';
+import { getMessages, type ShellMessages } from '@/lib/localization/messages';
+import { buildLocalizedMetadata } from '@/lib/metadata/build-metadata';
+import type { ThemePreference } from '@/lib/theme/config';
+import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+
+interface PendingRouteProps {
+  params: Promise<{ locale: string; mode: string; slug: string }>;
+}
+
+function routeLabel(messages: ShellMessages, routeId: RouteId): string {
+  const labels = messages.footer.links;
+  switch (routeId) {
+    case 'sign-in':
+      return labels.login;
+    case 'forgot-password':
+      return 'Forgot password';
+    case 'reset-password':
+      return 'Reset password';
+    case 'privacy':
+      return labels.privacy;
+    case 'terms':
+      return labels.terms;
+    case 'accessibility':
+      return labels.accessibility;
+    case 'home':
+      return 'RentalDriveGo';
+  }
+}
+
+async function resolveParams(params: PendingRouteProps['params']) {
+  const { locale: localeValue, mode: modeValue, slug } = await params;
+  if (!isLocale(localeValue)) notFound();
+  if (!isMode(modeValue)) notFound();
+  const routeId = routeIdFromSlug(localeValue, slug);
+  if (!routeId || routeId === 'home') notFound();
+  return { locale: localeValue as Locale, mode: modeValue as ThemePreference, routeId };
+}
+
+export async function generateMetadata({ params }: PendingRouteProps): Promise<Metadata> {
+  const { locale, mode, routeId } = await resolveParams(params);
+  const messages = getMessages(locale).shell;
+  const label = routeLabel(messages, routeId);
+  return buildLocalizedMetadata({
+    locale,
+    mode,
+    routeId,
+    title: `${label} | ${messages.metadata.pendingTitle}`,
+    description: messages.metadata.pendingDescription,
+    indexable: false,
+  });
+}
+
+export default async function PendingRoute({ params }: PendingRouteProps) {
+  const { locale, mode, routeId } = await resolveParams(params);
+  const messages = getMessages(locale).shell;
+  const label = routeLabel(messages, routeId);
+
+  if (routeId === 'sign-in') {
+    return <SignInForm locale={locale} />;
+  }
+
+  if (routeId === 'forgot-password') {
+    return <ForgotPasswordForm locale={locale} />;
+  }
+
+  if (routeId === 'reset-password') {
+    return <ResetPasswordForm locale={locale} />;
+  }
+
+  return (
+    <StateShell
+      title={`${label}: ${messages.states.pendingTitle}`}
+      body={messages.states.pendingBody}
+    >
+      <StateActions>
+        <StateAction href={localizedModePath('home', locale, mode)}>
+          {messages.states.backHome}
+        </StateAction>
+      </StateActions>
+    </StateShell>
+  );
+}