create-nextjs-cms 0.8.9 → 0.9.0

package/templates/default/components/login-language-dropdown.tsx

@@ -0,0 +1,46 @@
+'use client'
+
+import { useCallback } from 'react'
+import { useRouter } from 'next/navigation'
+import { useI18n } from 'nextjs-cms/translations/client'
+import { setLoginPageLanguageCookie, markLanguageChangedOnLogin } from 'nextjs-cms/translations'
+import LanguagePicker from './language-picker'
+
+export interface LoginLanguageDropdownProps {
+    supportedLanguages: readonly string[]
+    fallbackLanguage: string
+    initialLanguage: string
+}
+
+/**
+ * Language dropdown for the login page (unauthenticated).
+ * Persists via nextjs-cms-locale cookie; auth layout reads it when no session.
+ */
+export default function LoginLanguageDropdown({
+    supportedLanguages,
+    fallbackLanguage,
+    initialLanguage,
+}: LoginLanguageDropdownProps) {
+    const t = useI18n()
+    const router = useRouter()
+    const currentLanguage = initialLanguage || fallbackLanguage
+
+    const handleSelect = useCallback(
+        (language: string) => {
+            if (language === currentLanguage) return
+            setLoginPageLanguageCookie(language)
+            markLanguageChangedOnLogin()
+            router.refresh()
+        },
+        [currentLanguage, router],
+    )
+
+    return (
+        <LanguagePicker
+            supportedLanguages={supportedLanguages}
+            currentLanguage={currentLanguage}
+            onLanguageChange={handleSelect}
+            ariaLabel={t('language')}
+        />
+    )
+}