fix missing translation keys and raw error strings across auth and dashboard flows

TiZorii · TiZorii · commit 9d0f467c9cef · 2026-03-06T16:31:28.000-05:00
diff --git a/frontend/components/auth/LoginForm.tsx b/frontend/components/auth/LoginForm.tsx
@@ -85,7 +85,7 @@ export function LoginForm({ locale, returnTo }: LoginFormProps) {
 
       if (!res.ok) {
         setErrorCode(data?.code ?? 'RESEND_FAILED');
-        setErrorMessage(data?.error ?? t('errors.resendFailed'));
+        setErrorMessage(t('errors.resendFailed'));
         return;
       }
 
diff --git a/frontend/components/auth/ResetPasswordForm.tsx b/frontend/components/auth/ResetPasswordForm.tsx
@@ -75,14 +75,8 @@ export function ResetPasswordForm({ token }: ResetPasswordFormProps) {
         }),
       });
 
-      const data = await res.json().catch(() => null);
-
       if (!res.ok) {
-        const msg =
-          typeof data?.error === 'string'
-            ? data.error
-            : t('errors.resetFailed');
-        setError(msg);
+        setError(t('errors.resetFailed'));
         return;
       }
 
diff --git a/frontend/components/auth/SignupForm.tsx b/frontend/components/auth/SignupForm.tsx
@@ -161,11 +161,11 @@ export function SignupForm({ locale, returnTo }: SignupFormProps) {
       const data = await res.json().catch(() => null);
 
       if (!res.ok) {
-        const msg =
-          typeof data?.error === 'string'
-            ? data.error
-            : t('errors.signupFailed');
-        setError(msg);
+        setError(
+          res.status === 409
+            ? t('errors.emailAlreadyInUse')
+            : t('errors.signupFailed')
+        );
         return;
       }
 
diff --git a/frontend/components/auth/fields/EmailField.tsx b/frontend/components/auth/fields/EmailField.tsx
@@ -27,7 +27,7 @@ export function EmailField({
 
     if (input.validity.tooShort && minLength) {
       input.setCustomValidity(
-        `Email must be at least ${minLength} characters.`
+        t('validation.emailTooShort', { EMAIL_MIN_LEN: minLength })
       );
       return;
     }
@@ -38,7 +38,9 @@ export function EmailField({
     }
 
     if (input.validity.tooLong && maxLength) {
-      input.setCustomValidity(`Email must be at most ${maxLength} characters.`);
+      input.setCustomValidity(
+        t('validation.emailTooLong', { EMAIL_MAX_LEN: maxLength })
+      );
       return;
     }
   };
diff --git a/frontend/components/auth/fields/NameField.tsx b/frontend/components/auth/fields/NameField.tsx
@@ -28,12 +28,22 @@ export function NameField({
     }
 
     if (input.validity.tooShort && minLength) {
-      input.setCustomValidity(`Name must be at least ${minLength} characters.`);
+      input.setCustomValidity(
+        t('validation.invalidName', {
+          NAME_MIN_LEN: minLength,
+          NAME_MAX_LEN: maxLength ?? minLength,
+        })
+      );
       return;
     }
 
     if (input.validity.tooLong && maxLength) {
-      input.setCustomValidity(`Name must be at most ${maxLength} characters.`);
+      input.setCustomValidity(
+        t('validation.invalidName', {
+          NAME_MIN_LEN: minLength ?? 0,
+          NAME_MAX_LEN: maxLength,
+        })
+      );
       return;
     }
   };
diff --git a/frontend/components/auth/fields/PasswordField.tsx b/frontend/components/auth/fields/PasswordField.tsx
@@ -3,6 +3,11 @@
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 
+import {
+  PASSWORD_MAX_BYTES,
+  PASSWORD_MIN_LEN,
+} from '@/lib/auth/signup-constraints';
+
 type PasswordFieldProps = {
   name?: string;
   id?: string;
@@ -44,8 +49,12 @@ export function PasswordField({
     }
 
     if (input.validity.patternMismatch) {
+      const reqs = t('validation.passwordRequirements', {
+        PASSWORD_MIN_LEN: minLength ?? PASSWORD_MIN_LEN,
+        PASSWORD_MAX_BYTES,
+      });
       input.setCustomValidity(
-        'Password must include at least one capital letter and one special character.'
+        t('validation.invalidPassword', { passwordRequirementsText: reqs })
       );
       return;
     }
diff --git a/frontend/components/dashboard/ProfileCard.tsx b/frontend/components/dashboard/ProfileCard.tsx
@@ -43,6 +43,7 @@ export function ProfileCard({
 }: ProfileCardProps) {
   const t = useTranslations('dashboard.profile');
   const tStats = useTranslations('dashboard.stats');
+  const tFields = useTranslations('auth.fields');
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
 
@@ -271,6 +272,14 @@ export function ProfileCard({
                         className="w-full rounded-xl border border-gray-200 bg-white px-4 py-2.5 text-sm transition-all outline-none placeholder:text-gray-400 focus:border-(--accent-primary) focus:ring-1 focus:ring-(--accent-primary) dark:border-neutral-800 dark:bg-neutral-900 dark:text-white"
                         placeholder={t('defaultName')}
                         required
+                        onInvalid={e => {
+                          if (e.currentTarget.validity.valueMissing) {
+                            e.currentTarget.setCustomValidity(
+                              tFields('validation.required')
+                            );
+                          }
+                        }}
+                        onInput={e => e.currentTarget.setCustomValidity('')}
                       />
                     </div>
                     <button
@@ -299,6 +308,14 @@ export function ProfileCard({
                         placeholder={t('currentPassword')}
                         className="w-full rounded-xl border border-gray-200 bg-white px-4 py-2.5 text-sm transition-all outline-none placeholder:text-gray-400 focus:border-(--accent-primary) focus:ring-1 focus:ring-(--accent-primary) dark:border-neutral-800 dark:bg-neutral-900 dark:text-white"
                         required
+                        onInvalid={e => {
+                          if (e.currentTarget.validity.valueMissing) {
+                            e.currentTarget.setCustomValidity(
+                              tFields('validation.required')
+                            );
+                          }
+                        }}
+                        onInput={e => e.currentTarget.setCustomValidity('')}
                       />
                     </div>
                     <div>
@@ -309,6 +326,14 @@ export function ProfileCard({
                         minLength={8}
                         className="w-full rounded-xl border border-gray-200 bg-white px-4 py-2.5 text-sm transition-all outline-none placeholder:text-gray-400 focus:border-(--accent-primary) focus:ring-1 focus:ring-(--accent-primary) dark:border-neutral-800 dark:bg-neutral-900 dark:text-white"
                         required
+                        onInvalid={e => {
+                          if (e.currentTarget.validity.valueMissing) {
+                            e.currentTarget.setCustomValidity(
+                              tFields('validation.required')
+                            );
+                          }
+                        }}
+                        onInput={e => e.currentTarget.setCustomValidity('')}
                       />
                     </div>
                     <button
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
@@ -1121,6 +1121,7 @@
       "loginLink": "Log in",
       "errors": {
         "signupFailed": "Failed to sign up. Please try again.",
+        "emailAlreadyInUse": "An account with this email already exists. Try logging in.",
         "networkError": "Network error. Please check your connection and try again."
       },
       "verificationSent": "We've sent a verification email to",
@@ -1159,13 +1160,15 @@
       "show": "Show",
       "hide": "Hide",
       "validation": {
-        "emailRequired": "Email is required",
+        "required": "This field is required",
         "invalidName": "Name must be at least {NAME_MIN_LEN} characters and at most {NAME_MAX_LEN} characters",
         "emailTooShort": "Email must be at least {EMAIL_MIN_LEN} characters",
         "emailTooLong": "Email must not exceed {EMAIL_MAX_LEN} characters",
         "invalidEmail": "Please enter a valid email address",
         "passwordRequirements": "{PASSWORD_MIN_LEN}-{PASSWORD_MAX_BYTES} characters, at least one capital letter, and at least one special character",
         "invalidPassword": "Password must meet requirements: {passwordRequirementsText}",
+        "passwordTooShort": "Password must be at least {minLength} characters",
+        "passwordTooLongBytes": "Password must not exceed {PASSWORD_MAX_BYTES} characters",
         "passwordsDontMatch": "Passwords don't match"
       }
     },
diff --git a/frontend/messages/pl.json b/frontend/messages/pl.json
@@ -1121,6 +1121,7 @@
       "loginLink": "Zaloguj się",
       "errors": {
         "signupFailed": "Nie udało się zarejestrować. Spróbuj ponownie.",
+        "emailAlreadyInUse": "Konto z tym adresem email już istnieje. Spróbuj się zalogować.",
         "networkError": "Błąd sieci. Sprawdź połączenie i spróbuj ponownie."
       },
       "verificationSent": "Wysłaliśmy email weryfikacyjny na",
@@ -1159,13 +1160,15 @@
       "show": "Pokaż",
       "hide": "Ukryj",
       "validation": {
-        "emailRequired": "Proszę wypełnić to pole",
+        "required": "To pole jest wymagane",
         "invalidName": "Imię i nazwisko musi mieć co najmniej {NAME_MIN_LEN} znaków i nie więcej niż {NAME_MAX_LEN} znaków",
         "emailTooShort": "Adres e-mail musi mieć co najmniej {EMAIL_MIN_LEN} znaków",
         "emailTooLong": "Adres e-mail nie może mieć więcej niż {EMAIL_MAX_LEN} znaków",
         "invalidEmail": "Proszę podać prawidłowy adres email",
         "passwordRequirements": "{PASSWORD_MIN_LEN}–{PASSWORD_MAX_BYTES} znaków, co najmniej jedną wielką literę i co najmniej jeden znak specjalny",
         "invalidPassword": "Hasło musi spełniać wymagania: {passwordRequirementsText}",
+        "passwordTooShort": "Hasło musi mieć co najmniej {minLength} znaków",
+        "passwordTooLongBytes": "Hasło nie może przekraczać {PASSWORD_MAX_BYTES} znaków",
         "passwordsDontMatch": "Hasła nie zgadzają się"
       }
     },
diff --git a/frontend/messages/uk.json b/frontend/messages/uk.json
@@ -1121,6 +1121,7 @@
       "loginLink": "Увійти",
       "errors": {
         "signupFailed": "Не вдалося зареєструватися. Спробуйте ще раз.",
+        "emailAlreadyInUse": "Акаунт з такою електронною адресою вже існує. Спробуйте увійти.",
         "networkError": "Помилка мережі. Перевірте з'єднання та спробуйте ще раз."
       },
       "verificationSent": "Ми надіслали лист підтвердження на",
@@ -1159,13 +1160,15 @@
       "show": "Показати",
       "hide": "Сховати",
       "validation": {
-        "emailRequired": "Будь ласка, введіть email",
+        "required": "Це поле є обов'язковим",
         "invalidName": "Ім'я має містити не менше {NAME_MIN_LEN} символів та не більше {NAME_MAX_LEN} символів",
         "emailTooShort": "Електронна адреса має містити щонайменше {EMAIL_MIN_LEN} символів",
         "emailTooLong": "Електронна адреса не повинна перевищувати {EMAIL_MAX_LEN} символів",
         "invalidEmail": "Будь ласка, введіть дійсну адресу електронної пошти",
-        "passwordRequirements": "{PASSWORD_MIN_LEN}-{PASSWORD_MAX_BYTES} символи, принаймні одна велика літера та принаймні один спеціальний символ",
+        "passwordRequirements": "{PASSWORD_MIN_LEN}-{PASSWORD_MAX_BYTES} символів, принаймні одна велика літера та принаймні один спеціальний символ",
         "invalidPassword": "Пароль має відповідати вимогам: {passwordRequirementsText}",
+        "passwordTooShort": "Пароль має містити щонайменше {minLength} символів",
+        "passwordTooLongBytes": "Пароль не повинен перевищувати {PASSWORD_MAX_BYTES} символів",
         "passwordsDontMatch": "Паролі не співпадають"
       }
     },

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ export function LoginForm({ locale, returnTo }: LoginFormProps) {`
`85`	`85`
`86`	`86`	`if (!res.ok) {`
`87`	`87`	`setErrorCode(data?.code ?? 'RESEND_FAILED');`
`88`		`- setErrorMessage(data?.error ?? t('errors.resendFailed'));`
	`88`	`+ setErrorMessage(t('errors.resendFailed'));`
`89`	`89`	`return;`
`90`	`90`	`}`
`91`	`91`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export function EmailField({`
`27`	`27`
`28`	`28`	`if (input.validity.tooShort && minLength) {`
`29`	`29`	`input.setCustomValidity(`
`30`		- `Email must be at least ${minLength} characters.`
	`30`	`+ t('validation.emailTooShort', { EMAIL_MIN_LEN: minLength })`
`31`	`31`	`);`
`32`	`32`	`return;`
`33`	`33`	`}`
`@@ -38,7 +38,9 @@ export function EmailField({`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`if (input.validity.tooLong && maxLength) {`
`41`		- input.setCustomValidity(`Email must be at most ${maxLength} characters.`);
	`41`	`+ input.setCustomValidity(`
	`42`	`+ t('validation.emailTooLong', { EMAIL_MAX_LEN: maxLength })`
	`43`	`+ );`
`42`	`44`	`return;`
`43`	`45`	`}`
`44`	`46`	`};`