florian.wilde/Speisekarte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mehrsprachige Oberfläche + lokalisierte Gericht-/Bereichsnamen

Browse Source 
Alle Seiten und Komponenten (öffentliche Speisekarte, Login, Kantinen-
und Admin-Bereich, eigenes Konto) verwenden jetzt die Wörterbücher aus
lib/i18n statt fest codierter deutscher Texte. Gerichte/Bereiche/
Allergene/Zusatzstoffe zeigen den Namen zur aktuell gewählten Sprache;
Gerichte- und Kennzeichnungs-Formulare bekommen Englisch-/Polnisch-
Felder mit Übersetzen-Button (siehe vorherigen Commit). Datumsformat-
ierung (formatDateLong) nimmt jetzt ein locale-Argument statt fix
'de-DE'.
This commit is contained in:
florian.wilde
2026-07-18 02:08:03 +02:00
parent 30a02ba7b7
commit a6165de10c
14 changed files with 586 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/AccountManager.tsx
+50 -54
View File
@@ -3,20 +3,17 @@
import { useEffect, useMemo, useState } from "react";
import { useRouter } from "next/navigation";
import { createClient } from "@/lib/supabase/client";
import { formatMessage } from "@/lib/i18n/shared";
import type { Dict } from "@/lib/i18n/shared";
import PasskeyManager from "@/components/PasskeyManager";
import { useDict } from "@/components/i18n/LocaleProvider";
const ROLE_LABELS: Record<string, string> = {
admin: "Administrator",
staff: "Kantinenmitarbeiter",
};
function germanAuthError(message: string): string {
function authErrorMessage(dict: Dict, message: string): string {
if (/invalid login credentials/i.test(message))
return "Das aktuelle Passwort ist falsch.";
if (/should be at least/i.test(message))
return "Das neue Passwort ist zu kurz (mindestens 8 Zeichen).";
return dict.account.wrongCurrentPassword;
if (/should be at least/i.test(message)) return dict.account.passwordTooShort;
if (/email.*already|already.*registered/i.test(message))
return "Diese E-Mail-Adresse wird bereits verwendet.";
return dict.account.emailAlreadyUsed;
return message;
}
@@ -33,6 +30,8 @@ export default function AccountManager({
}) {
const supabase = useMemo(() => createClient(), []);
const router = useRouter();
const dict = useDict();
const roleLabel = role === "admin" ? dict.common.roleAdmin : dict.common.roleStaff;
// Persönliche Daten
const [fullName, setFullName] = useState(initialFullName);
@@ -75,7 +74,7 @@ export default function AccountManager({
setNameInfo(null);
const name = fullName.trim();
if (!name) {
setNameError("Bitte einen Namen angeben.");
setNameError(dict.account.nameRequired);
return;
}
setNameBusy(true);
@@ -83,9 +82,10 @@ export default function AccountManager({
.from("profiles")
.update({ full_name: name })
.eq("id", (await supabase.auth.getUser()).data.user?.id ?? "");
if (error) setNameError(`Speichern fehlgeschlagen: ${error.message}`);
if (error)
setNameError(formatMessage(dict.account.saveError, { message: error.message }));
else {
setNameInfo("Name gespeichert.");
setNameInfo(dict.account.nameSaved);
router.refresh();
}
setNameBusy(false);
@@ -100,11 +100,13 @@ export default function AccountManager({
setEmailBusy(true);
const { error } = await supabase.auth.updateUser({ email: next });
if (error) {
setEmailError(`Ändern fehlgeschlagen: ${germanAuthError(error.message)}`);
} else {
setEmailInfo(
"Bestätigungs-E-Mails wurden verschickt. Die neue Adresse wird erst nach Bestätigung des Links aktiv."
setEmailError(
formatMessage(dict.account.changeError, {
message: authErrorMessage(dict, error.message),
})
);
} else {
setEmailInfo(dict.account.emailSent);
}
setEmailBusy(false);
}
@@ -114,11 +116,11 @@ export default function AccountManager({
setPwError(null);
setPwInfo(null);
if (newPassword.length < 8) {
setPwError("Das neue Passwort muss mindestens 8 Zeichen lang sein.");
setPwError(dict.account.passwordTooShort);
return;
}
if (newPassword !== newPasswordRepeat) {
setPwError("Die Passwörter stimmen nicht überein.");
setPwError(dict.account.passwordMismatch);
return;
}
setPwBusy(true);
@@ -129,16 +131,20 @@ export default function AccountManager({
password: currentPassword,
});
if (verifyError) {
setPwError(germanAuthError(verifyError.message));
setPwError(authErrorMessage(dict, verifyError.message));
setPwBusy(false);
return;
}
const { error } = await supabase.auth.updateUser({ password: newPassword });
if (error) {
setPwError(`Ändern fehlgeschlagen: ${germanAuthError(error.message)}`);
setPwError(
formatMessage(dict.account.changeError, {
message: authErrorMessage(dict, error.message),
})
);
} else {
setPwInfo("Passwort geändert.");
setPwInfo(dict.account.passwordChanged);
setCurrentPassword("");
setNewPassword("");
setNewPasswordRepeat("");
@@ -151,18 +157,10 @@ export default function AccountManager({
setAuthInfo(null);
const next = !passwordAuthEnabled;
if (!next && (passkeyCount ?? 0) === 0) {
setAuthError(
"Ohne registrierten Passkey kannst du die Passwort-Anmeldung nicht deaktivieren – sonst wärst du ausgesperrt. Registriere zuerst einen Passkey weiter unten."
);
setAuthError(dict.account.passwordAuthNeedsPasskey);
return;
}
if (
!next &&
!window.confirm(
"Anmeldung mit E-Mail und Passwort wirklich deaktivieren? Du kannst dich danach nur noch per Passkey anmelden."
)
)
return;
if (!next && !window.confirm(dict.account.confirmDisablePasswordAuth)) return;
setAuthBusy(true);
const { error } = await supabase
@@ -170,11 +168,11 @@ export default function AccountManager({
.update({ password_auth_enabled: next })
.eq("id", (await supabase.auth.getUser()).data.user?.id ?? "");
if (error) {
setAuthError(`Speichern fehlgeschlagen: ${error.message}`);
setAuthError(formatMessage(dict.account.saveError, { message: error.message }));
} else {
setPasswordAuthEnabled(next);
setAuthInfo(
next ? "Passwort-Anmeldung aktiviert." : "Passwort-Anmeldung deaktiviert."
next ? dict.account.passwordAuthEnabled : dict.account.passwordAuthDisabled
);
}
setAuthBusy(false);
@@ -183,18 +181,20 @@ export default function AccountManager({
return (
<div className="max-w-3xl space-y-6">
<div>
<h1 className="text-xl font-bold text-[var(--c-primary)]">Mein Konto</h1>
<h1 className="text-xl font-bold text-[var(--c-primary)]">
{dict.account.title}
</h1>
<p className="text-sm text-gray-500">
{initialEmail} – {ROLE_LABELS[role] ?? role}
{initialEmail} – {roleLabel}
</p>
</div>
<section className="card">
<h2 className="font-semibold mb-3">Persönliche Daten</h2>
<h2 className="font-semibold mb-3">{dict.account.personalTitle}</h2>
<form onSubmit={saveName} className="space-y-3">
<div className="max-w-80">
<label className="label" htmlFor="account-name">
Name
{dict.common.name}
</label>
<input
id="account-name"
@@ -211,17 +211,17 @@ export default function AccountManager({
)}
{nameInfo && <p className="text-sm text-green-700">{nameInfo}</p>}
<button type="submit" className="btn btn-add" disabled={nameBusy}>
Name speichern
{dict.account.saveName}
</button>
</form>
</section>
<section className="card">
<h2 className="font-semibold mb-3">E-Mail-Adresse</h2>
<h2 className="font-semibold mb-3">{dict.account.emailTitle}</h2>
<form onSubmit={saveEmail} className="space-y-3">
<div className="max-w-80">
<label className="label" htmlFor="account-email">
E-Mail-Adresse
{dict.common.email}
</label>
<input
id="account-email"
@@ -243,17 +243,17 @@ export default function AccountManager({
className="btn btn-add"
disabled={emailBusy || email.trim() === initialEmail}
>
E-Mail-Adresse ändern
{dict.account.changeEmail}
</button>
</form>
</section>
<section className="card">
<h2 className="font-semibold mb-3">Passwort ändern</h2>
<h2 className="font-semibold mb-3">{dict.account.passwordTitle}</h2>
<form onSubmit={savePassword} className="space-y-3">
<div className="max-w-80">
<label className="label" htmlFor="account-current-password">
Aktuelles Passwort (zur Verifizierung)
{dict.account.currentPassword}
</label>
<input
id="account-current-password"
@@ -267,7 +267,7 @@ export default function AccountManager({
</div>
<div className="max-w-80">
<label className="label" htmlFor="account-new-password">
Neues Passwort
{dict.account.newPassword}
</label>
<input
id="account-new-password"
@@ -282,7 +282,7 @@ export default function AccountManager({
</div>
<div className="max-w-80">
<label className="label" htmlFor="account-new-password-repeat">
Neues Passwort wiederholen
{dict.account.newPasswordRepeat}
</label>
<input
id="account-new-password-repeat"
@@ -302,18 +302,14 @@ export default function AccountManager({
)}
{pwInfo && <p className="text-sm text-green-700">{pwInfo}</p>}
<button type="submit" className="btn btn-add" disabled={pwBusy}>
Passwort ändern
{dict.account.changePassword}
</button>
</form>
</section>
<section className="card">
<h2 className="font-semibold mb-1">Anmeldung mit Passwort</h2>
<p className="text-sm text-gray-600 mb-3">
Du kannst die Anmeldung mit E-Mail und Passwort für dein Konto
deaktivieren und dich künftig ausschließlich per Passkey anmelden.
Dafür muss mindestens ein Passkey registriert sein.
</p>
<h2 className="font-semibold mb-1">{dict.account.passwordAuthTitle}</h2>
<p className="text-sm text-gray-600 mb-3">{dict.account.passwordAuthHint}</p>
{authError && (
<p className="mb-2 text-sm text-[var(--c-del)]" role="alert">
{authError}
@@ -327,7 +323,7 @@ export default function AccountManager({
onChange={togglePasswordAuth}
disabled={authBusy || passkeyCount === null}
/>
Anmeldung mit E-Mail und Passwort erlaubt
{dict.account.passwordAuthCheckbox}
</label>
</section>