setUsername(e.target.value)}
className="pl-10 text-base"
@@ -285,14 +287,14 @@ export function AuthSetup({ onComplete }: AuthSetupProps) {
setPassword(e.target.value)}
className="pl-10 text-base"
@@ -312,14 +314,14 @@ export function AuthSetup({ onComplete }: AuthSetupProps) {
setConfirmPassword(e.target.value)}
className="pl-10 text-base"
@@ -345,19 +347,19 @@ export function AuthSetup({ onComplete }: AuthSetupProps) {
setup endpoint returns the JWT. */}
- Profile · optional
+ {t("authSetup.profileOptional")}
-
+
{avatarPreviewUrl ? (
// eslint-disable-next-line @next/next/no-img-element
@@ -407,7 +409,7 @@ export function AuthSetup({ onComplete }: AuthSetupProps) {
className="h-7 text-xs"
>
- {avatarFile ? "Change" : "Choose image"}
+ {avatarFile ? t("authSetup.change") : t("authSetup.chooseImage")}
{avatarFile && (
)}
- PNG, JPEG, WebP or GIF · up to 2 MB · pre-crop square for best results.
+ {t("authSetup.avatarHint")}
@@ -434,10 +436,10 @@ export function AuthSetup({ onComplete }: AuthSetupProps) {
diff --git a/AppImage/components/avatar-menu.tsx b/AppImage/components/avatar-menu.tsx
index 7efdffe5..76f0574d 100644
--- a/AppImage/components/avatar-menu.tsx
+++ b/AppImage/components/avatar-menu.tsx
@@ -11,6 +11,7 @@ import {
DropdownMenuTrigger,
} from "./ui/dropdown-menu"
import { fetchApi, getApiUrl, getAuthToken } from "../lib/api-config"
+import { useT } from "../lib/i18n/provider"
interface AuthStatus {
auth_enabled?: boolean
@@ -57,6 +58,8 @@ interface AvatarMenuProps {
* proper /api/auth/logout that revokes the JWT server-side too.
*/
export function AvatarMenu({ size = "lg", onOpenSecurity, onOpenProfile }: AvatarMenuProps) {
+ const t = useT()
+
// IMPORTANT — all hooks must run unconditionally on every render. The
// previous version short-circuited with `if (!auth_enabled) return null`
// BEFORE the avatar blob hooks, so the hook count changed between
@@ -201,7 +204,7 @@ export function AvatarMenu({ size = "lg", onOpenSecurity, onOpenProfile }: Avata
)}
{!profile?.display_name && (
-
Signed in
+
{t("account.signedIn")}
)}
@@ -257,13 +260,13 @@ export function AvatarMenu({ size = "lg", onOpenSecurity, onOpenProfile }: Avata
{onOpenProfile && (
- View profile
+ {t("account.viewProfile")}
)}
{onOpenSecurity && (
- Security
+ {t("account.security")}
)}
{(onOpenProfile || onOpenSecurity) &&
}
@@ -272,7 +275,7 @@ export function AvatarMenu({ size = "lg", onOpenSecurity, onOpenProfile }: Avata
className="text-red-600 focus:text-red-600 dark:text-red-400 dark:focus:text-red-400"
>
- Sign out
+ {t("account.signOut")}
diff --git a/AppImage/components/login.tsx b/AppImage/components/login.tsx
index 74941a46..6bc745ba 100644
--- a/AppImage/components/login.tsx
+++ b/AppImage/components/login.tsx
@@ -9,6 +9,7 @@ import { Label } from "./ui/label"
import { Checkbox } from "./ui/checkbox"
import { Lock, User, AlertCircle, Server, Shield, Eye, EyeOff } from "lucide-react"
import { getApiUrl } from "../lib/api-config"
+import { useT } from "../lib/i18n/provider"
import Image from "next/image"
interface LoginProps {
@@ -16,6 +17,7 @@ interface LoginProps {
}
export function Login({ onLogin }: LoginProps) {
+ const t = useT()
const [username, setUsername] = useState("")
const [password, setPassword] = useState("")
const [totpCode, setTotpCode] = useState("")
@@ -56,12 +58,12 @@ export function Login({ onLogin }: LoginProps) {
setError("")
if (!username || !password) {
- setError("Please enter username and password")
+ setError(t("login.missingCredentials"))
return
}
if (requiresTotp && !totpCode) {
- setError("Please enter your 2FA code")
+ setError(t("login.missingTotp"))
return
}
@@ -87,7 +89,7 @@ export function Login({ onLogin }: LoginProps) {
}
if (!response.ok) {
- throw new Error(data.message || "Login failed")
+ throw new Error(data.message || t("login.loginFailed"))
}
localStorage.setItem("proxmenux-auth-token", data.token)
@@ -107,7 +109,7 @@ export function Login({ onLogin }: LoginProps) {
onLogin()
} catch (err) {
- setError(err instanceof Error ? err.message : "Login failed")
+ setError(err instanceof Error ? err.message : t("login.loginFailed"))
} finally {
setLoading(false)
}
@@ -139,8 +141,8 @@ export function Login({ onLogin }: LoginProps) {