mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
🆙 Update Texts
This commit is contained in:
duckietm
@@ -705,4 +705,71 @@
|
||||
'chatcmd.client.ejectall': 'Eject all furni',
|
||||
'chatcmd.client.settings': 'Room settings',
|
||||
'chatcmd.client.info': 'Client info',
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// Me-menu settings + User account settings window
|
||||
// ------------------------------------------------------------------------
|
||||
'usersettings.tab.general': "General",
|
||||
'usersettings.tab.themes': "Themes",
|
||||
'memenu.settings.other.place.multiple.objects': "Place multiple objects",
|
||||
'memenu.settings.other.skip.purchase.confirmation': "Skip purchase confirmation",
|
||||
'memenu.settings.other.enable.chat.window': "Enable chat window",
|
||||
'memenu.settings.other.catalog.classic.style': "Catalog: classic style",
|
||||
'usersettings.open.title': "User settings",
|
||||
'usersettings.open.subtitle': "Password & account",
|
||||
'usersettings.themes.custom': "Custom theme",
|
||||
'usersettings.themes.default_option': "Default (no theme)",
|
||||
'usersettings.themes.active_pieces': "Active pieces",
|
||||
'usersettings.themes.invalid': "Theme invalid or unreachable — using the default.",
|
||||
'usersettings.themes.none': "No themes available. Add a folder in custom-themes/ on the server.",
|
||||
'usersettings.title': "User Settings",
|
||||
'usersettings.account.label': "My account",
|
||||
'usersettings.guest': "Guest",
|
||||
'usersettings.subtitle': "Manage your account and security",
|
||||
'usersettings.menu.section': "Account",
|
||||
'usersettings.menu.password.title': "Reset password",
|
||||
'usersettings.menu.password.desc': "Change the password used to log in.",
|
||||
'usersettings.menu.email.title': "Change email",
|
||||
'usersettings.menu.email.desc': "Update the email address on your account.",
|
||||
'usersettings.menu.username.title': "Change username",
|
||||
'usersettings.menu.username.desc': "Pick a new name. You'll need to log in again.",
|
||||
'usersettings.menu.soon.title': "More coming soon",
|
||||
'usersettings.menu.soon.desc': "Two-factor authentication and more.",
|
||||
'usersettings.password.hint': "Use at least %count% characters. Mix upper & lowercase, numbers and symbols for a stronger password.",
|
||||
'usersettings.email.hint': "For security we ask you to confirm your current password before changing the email on your account.",
|
||||
'usersettings.username.hint': "Renaming will log you out and you can only rename again after 30 days. Make sure your friends know your new name!",
|
||||
'usersettings.field.current_password': "Current password",
|
||||
'usersettings.field.new_password': "New password",
|
||||
'usersettings.field.retype_password': "Retype new password",
|
||||
'usersettings.field.new_email': "New email address",
|
||||
'usersettings.field.new_username': "New username",
|
||||
'usersettings.username.rules': "%min%-%max% characters. Letters, numbers, dot, underscore and dash only.",
|
||||
'usersettings.strength.weak': "Weak",
|
||||
'usersettings.strength.fair': "Fair",
|
||||
'usersettings.strength.good': "Good",
|
||||
'usersettings.strength.strong': "Strong",
|
||||
'usersettings.aria.show_password': "Show password",
|
||||
'usersettings.aria.hide_password': "Hide password",
|
||||
'usersettings.btn.cancel': "Cancel",
|
||||
'usersettings.btn.saving': "Saving…",
|
||||
'usersettings.btn.save_password': "Save password",
|
||||
'usersettings.btn.save_email': "Save email",
|
||||
'usersettings.btn.renaming': "Renaming…",
|
||||
'usersettings.btn.rename': "Rename me",
|
||||
'usersettings.error.fields_required': "All fields are required.",
|
||||
'usersettings.error.password_min': "Password must be at least %count% characters.",
|
||||
'usersettings.error.password_long': "Password is too long.",
|
||||
'usersettings.error.password_mismatch': "New passwords do not match.",
|
||||
'usersettings.error.password_same': "New password must be different from the current password.",
|
||||
'usersettings.error.not_authenticated': "You are not authenticated. Please log in again.",
|
||||
'usersettings.error.network': "Could not reach the server. Please try again.",
|
||||
'usersettings.error.request_failed': "Request failed (%status%).",
|
||||
'usersettings.error.email_long': "Email address is too long.",
|
||||
'usersettings.error.email_invalid': "Please enter a valid email address.",
|
||||
'usersettings.error.username_length': "Username must be between %min% and %max% characters.",
|
||||
'usersettings.error.username_invalid': "Username may only contain letters, numbers, dot, underscore and dash.",
|
||||
'usersettings.error.username_same': "New username must be different from the current one.",
|
||||
'usersettings.success.password': "Password updated successfully.",
|
||||
'usersettings.success.email': "Email updated successfully.",
|
||||
'usersettings.success.username': "Username updated. Please log in again with your new name.",
|
||||
}
|
||||
|
||||
@@ -705,4 +705,71 @@
|
||||
'chatcmd.client.ejectall': 'Rimuovi tutti gli arredi',
|
||||
'chatcmd.client.settings': 'Impostazioni stanza',
|
||||
'chatcmd.client.info': 'Info client',
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// Me-menu settings + User account settings window
|
||||
// ------------------------------------------------------------------------
|
||||
'usersettings.tab.general': "Generale",
|
||||
'usersettings.tab.themes': "Temi",
|
||||
'memenu.settings.other.place.multiple.objects': "Posiziona più oggetti",
|
||||
'memenu.settings.other.skip.purchase.confirmation': "Salta la conferma d'acquisto",
|
||||
'memenu.settings.other.enable.chat.window': "Abilita finestra chat",
|
||||
'memenu.settings.other.catalog.classic.style': "Catalogo: stile classico",
|
||||
'usersettings.open.title': "Impostazioni utente",
|
||||
'usersettings.open.subtitle': "Password e account",
|
||||
'usersettings.themes.custom': "Tema personalizzato",
|
||||
'usersettings.themes.default_option': "Predefinito (nessun tema)",
|
||||
'usersettings.themes.active_pieces': "Elementi attivi",
|
||||
'usersettings.themes.invalid': "Tema non valido o non raggiungibile — uso il predefinito.",
|
||||
'usersettings.themes.none': "Nessun tema disponibile. Aggiungi una cartella in custom-themes/ sul server.",
|
||||
'usersettings.title': "Impostazioni utente",
|
||||
'usersettings.account.label': "Il mio account",
|
||||
'usersettings.guest': "Ospite",
|
||||
'usersettings.subtitle': "Gestisci il tuo account e la sicurezza",
|
||||
'usersettings.menu.section': "Account",
|
||||
'usersettings.menu.password.title': "Reimposta password",
|
||||
'usersettings.menu.password.desc': "Cambia la password che usi per accedere.",
|
||||
'usersettings.menu.email.title': "Cambia email",
|
||||
'usersettings.menu.email.desc': "Aggiorna l'indirizzo email del tuo account.",
|
||||
'usersettings.menu.username.title': "Cambia nome utente",
|
||||
'usersettings.menu.username.desc': "Scegli un nuovo nome. Dovrai accedere di nuovo.",
|
||||
'usersettings.menu.soon.title': "Altro in arrivo",
|
||||
'usersettings.menu.soon.desc': "Autenticazione a due fattori e altro.",
|
||||
'usersettings.password.hint': "Usa almeno %count% caratteri. Combina maiuscole e minuscole, numeri e simboli per una password più sicura.",
|
||||
'usersettings.email.hint': "Per sicurezza ti chiediamo di confermare la password attuale prima di cambiare l'email del tuo account.",
|
||||
'usersettings.username.hint': "Cambiando nome verrai disconnesso e potrai rinominarti di nuovo solo dopo 30 giorni. Assicurati che i tuoi amici conoscano il tuo nuovo nome!",
|
||||
'usersettings.field.current_password': "Password attuale",
|
||||
'usersettings.field.new_password': "Nuova password",
|
||||
'usersettings.field.retype_password': "Ripeti la nuova password",
|
||||
'usersettings.field.new_email': "Nuovo indirizzo email",
|
||||
'usersettings.field.new_username': "Nuovo nome utente",
|
||||
'usersettings.username.rules': "%min%-%max% caratteri. Solo lettere, numeri, punto, trattino basso e trattino.",
|
||||
'usersettings.strength.weak': "Debole",
|
||||
'usersettings.strength.fair': "Discreta",
|
||||
'usersettings.strength.good': "Buona",
|
||||
'usersettings.strength.strong': "Forte",
|
||||
'usersettings.aria.show_password': "Mostra password",
|
||||
'usersettings.aria.hide_password': "Nascondi password",
|
||||
'usersettings.btn.cancel': "Annulla",
|
||||
'usersettings.btn.saving': "Salvataggio…",
|
||||
'usersettings.btn.save_password': "Salva password",
|
||||
'usersettings.btn.save_email': "Salva email",
|
||||
'usersettings.btn.renaming': "Rinomina…",
|
||||
'usersettings.btn.rename': "Rinominami",
|
||||
'usersettings.error.fields_required': "Tutti i campi sono obbligatori.",
|
||||
'usersettings.error.password_min': "La password deve contenere almeno %count% caratteri.",
|
||||
'usersettings.error.password_long': "La password è troppo lunga.",
|
||||
'usersettings.error.password_mismatch': "Le nuove password non corrispondono.",
|
||||
'usersettings.error.password_same': "La nuova password deve essere diversa da quella attuale.",
|
||||
'usersettings.error.not_authenticated': "Non sei autenticato. Effettua di nuovo l'accesso.",
|
||||
'usersettings.error.network': "Impossibile raggiungere il server. Riprova.",
|
||||
'usersettings.error.request_failed': "Richiesta non riuscita (%status%).",
|
||||
'usersettings.error.email_long': "L'indirizzo email è troppo lungo.",
|
||||
'usersettings.error.email_invalid': "Inserisci un indirizzo email valido.",
|
||||
'usersettings.error.username_length': "Il nome utente deve contenere tra %min% e %max% caratteri.",
|
||||
'usersettings.error.username_invalid': "Il nome utente può contenere solo lettere, numeri, punto, trattino basso e trattino.",
|
||||
'usersettings.error.username_same': "Il nuovo nome utente deve essere diverso da quello attuale.",
|
||||
'usersettings.success.password': "Password aggiornata con successo.",
|
||||
'usersettings.success.email': "Email aggiornata con successo.",
|
||||
'usersettings.success.username': "Nome utente aggiornato. Accedi di nuovo con il tuo nuovo nome.",
|
||||
}
|
||||
|
||||
@@ -372,14 +372,14 @@
|
||||
// ------------------------------------------------------------------------
|
||||
// Login
|
||||
// ------------------------------------------------------------------------
|
||||
'login.username': 'Wat is jou Camwijs naam',
|
||||
'login.username': 'Wat is jou habbo naam',
|
||||
'login.forgot_password': 'Wachtwoord vergeten?',
|
||||
|
||||
// First-time visitors card
|
||||
'nitro.login.firsttime.title': 'Voor het eerst hier?',
|
||||
'nitro.login.firsttime.text': 'Heb je nog geen Camwijs account?',
|
||||
'nitro.login.firsttime.text': 'Heb je nog geen habbo account?',
|
||||
'nitro.login.firsttime.link': 'Je kunt er hier een aanmaken',
|
||||
'nitro.login.card.title': 'Aanmelden bij Camwijs',
|
||||
'nitro.login.card.title': 'Aanmelden bij habbo',
|
||||
|
||||
// Server status checks
|
||||
'nitro.login.server.offline.short': 'De gameserver draait momenteel niet. Probeer het zo meteen opnieuw.',
|
||||
@@ -388,12 +388,12 @@
|
||||
'nitro.login.server.retry': 'Opnieuw proberen',
|
||||
|
||||
// Registration flow
|
||||
'nitro.login.register.title': 'Camwijs-gegevens',
|
||||
'nitro.login.register.title': 'habbo-gegevens',
|
||||
'nitro.login.register.next': 'Volgende',
|
||||
'nitro.login.register.finish': 'Voltooien',
|
||||
'nitro.login.register.creating': 'Bezig met aanmaken…',
|
||||
'nitro.login.register.intro.credentials': 'Laten we je account aanmaken. Voer je e-mailadres in en kies een wachtwoord — we controleren of dit e-mailadres nog niet in gebruik is.',
|
||||
'nitro.login.register.intro.avatar': 'Nu is het tijd om je eigen Camwijs-personage te maken! Begin met het kiezen van je Camwijs-naam.',
|
||||
'nitro.login.register.intro.avatar': 'Nu is het tijd om je eigen habbo-personage te maken! Begin met het kiezen van je habbo-naam.',
|
||||
'nitro.login.register.intro.room': 'Laatste stap — kies een startkamer, of sla dit over en maak later je eigen kamer.',
|
||||
'nitro.login.register.confirm.label': 'Bevestig wachtwoord',
|
||||
'nitro.login.register.username.placeholder': 'HabboNaam',
|
||||
@@ -412,8 +412,8 @@
|
||||
'nitro.login.forgot.success': 'E-mail verzonden! Als er een account bij dit adres hoort, vind je binnenkort een resetlink in je inbox (controleer je spam als je binnen een minuut niets ziet).',
|
||||
|
||||
// Login errors (validation + transport)
|
||||
'nitro.login.error.missing_credentials': 'Voer zowel je Camwijs-naam als wachtwoord in.',
|
||||
'nitro.login.error.invalid_credentials': 'Ongeldige Camwijs-naam of wachtwoord.',
|
||||
'nitro.login.error.missing_credentials': 'Voer zowel je habbo-naam als wachtwoord in.',
|
||||
'nitro.login.error.invalid_credentials': 'Ongeldige habbo-naam of wachtwoord.',
|
||||
'nitro.login.error.too_many_attempts': 'Te veel pogingen. Probeer het opnieuw over %seconds%s.',
|
||||
'nitro.login.error.turnstile': 'Voltooi de beveiligingscontrole.',
|
||||
'nitro.login.error.server_offline': 'De gameserver draait niet. Probeer het later opnieuw.',
|
||||
@@ -427,9 +427,9 @@
|
||||
'nitro.login.error.password_too_short': 'Je wachtwoord moet minimaal 8 tekens lang zijn.',
|
||||
'nitro.login.error.password_mismatch': 'Wachtwoorden komen niet overeen.',
|
||||
'nitro.login.error.email_taken': 'Dit e-mailadres is al in gebruik.',
|
||||
'nitro.login.error.missing_username': 'Kies een Camwijs-naam.',
|
||||
'nitro.login.error.username_length': 'De Camwijs-naam moet 3–16 tekens bevatten.',
|
||||
'nitro.login.error.username_taken': 'Deze Camwijs-naam is al in gebruik.',
|
||||
'nitro.login.error.missing_username': 'Kies een habbo-naam.',
|
||||
'nitro.login.error.username_length': 'De habbo-naam moet 3–16 tekens bevatten.',
|
||||
'nitro.login.error.username_taken': 'Deze habbo-naam is al in gebruik.',
|
||||
'nitro.login.error.missing_email': 'Voer je e-mailadres in.',
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
@@ -707,4 +707,71 @@
|
||||
'chatcmd.client.ejectall': 'Verwijder alle meubels',
|
||||
'chatcmd.client.settings': 'Kamerinstellingen',
|
||||
'chatcmd.client.info': 'Client info',
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// Me-menu settings + User account settings window
|
||||
// ------------------------------------------------------------------------
|
||||
'usersettings.tab.general': "Algemeen",
|
||||
'usersettings.tab.themes': "Thema's",
|
||||
'memenu.settings.other.place.multiple.objects': "Meerdere objecten plaatsen",
|
||||
'memenu.settings.other.skip.purchase.confirmation': "Aankoopbevestiging overslaan",
|
||||
'memenu.settings.other.enable.chat.window': "Chatvenster inschakelen",
|
||||
'memenu.settings.other.catalog.classic.style': "Catalogus: klassieke stijl",
|
||||
'usersettings.open.title': "Gebruikersinstellingen",
|
||||
'usersettings.open.subtitle': "Wachtwoord & account",
|
||||
'usersettings.themes.custom': "Aangepast thema",
|
||||
'usersettings.themes.default_option': "Standaard (geen thema)",
|
||||
'usersettings.themes.active_pieces': "Actieve onderdelen",
|
||||
'usersettings.themes.invalid': "Thema ongeldig of onbereikbaar — standaard wordt gebruikt.",
|
||||
'usersettings.themes.none': "Geen thema's beschikbaar. Voeg een map toe in custom-themes/ op de server.",
|
||||
'usersettings.title': "Gebruikersinstellingen",
|
||||
'usersettings.account.label': "Mijn account",
|
||||
'usersettings.guest': "Gast",
|
||||
'usersettings.subtitle': "Beheer je account en beveiliging",
|
||||
'usersettings.menu.section': "Account",
|
||||
'usersettings.menu.password.title': "Wachtwoord wijzigen",
|
||||
'usersettings.menu.password.desc': "Wijzig het wachtwoord waarmee je inlogt.",
|
||||
'usersettings.menu.email.title': "E-mail wijzigen",
|
||||
'usersettings.menu.email.desc': "Werk het e-mailadres van je account bij.",
|
||||
'usersettings.menu.username.title': "Gebruikersnaam wijzigen",
|
||||
'usersettings.menu.username.desc': "Kies een nieuwe naam. Je moet daarna opnieuw inloggen.",
|
||||
'usersettings.menu.soon.title': "Meer komt binnenkort",
|
||||
'usersettings.menu.soon.desc': "Tweestapsverificatie en meer.",
|
||||
'usersettings.password.hint': "Gebruik minimaal %count% tekens. Combineer hoofd- en kleine letters, cijfers en symbolen voor een sterker wachtwoord.",
|
||||
'usersettings.email.hint': "Voor de veiligheid vragen we je je huidige wachtwoord te bevestigen voordat je het e-mailadres van je account wijzigt.",
|
||||
'usersettings.username.hint': "Door je naam te wijzigen word je uitgelogd en je kunt pas na 30 dagen opnieuw wijzigen. Zorg dat je vrienden je nieuwe naam kennen!",
|
||||
'usersettings.field.current_password': "Huidig wachtwoord",
|
||||
'usersettings.field.new_password': "Nieuw wachtwoord",
|
||||
'usersettings.field.retype_password': "Herhaal nieuw wachtwoord",
|
||||
'usersettings.field.new_email': "Nieuw e-mailadres",
|
||||
'usersettings.field.new_username': "Nieuwe gebruikersnaam",
|
||||
'usersettings.username.rules': "%min%-%max% tekens. Alleen letters, cijfers, punt, underscore en streepje.",
|
||||
'usersettings.strength.weak': "Zwak",
|
||||
'usersettings.strength.fair': "Redelijk",
|
||||
'usersettings.strength.good': "Goed",
|
||||
'usersettings.strength.strong': "Sterk",
|
||||
'usersettings.aria.show_password': "Wachtwoord tonen",
|
||||
'usersettings.aria.hide_password': "Wachtwoord verbergen",
|
||||
'usersettings.btn.cancel': "Annuleren",
|
||||
'usersettings.btn.saving': "Opslaan…",
|
||||
'usersettings.btn.save_password': "Wachtwoord opslaan",
|
||||
'usersettings.btn.save_email': "E-mail opslaan",
|
||||
'usersettings.btn.renaming': "Bezig met hernoemen…",
|
||||
'usersettings.btn.rename': "Hernoem mij",
|
||||
'usersettings.error.fields_required': "Alle velden zijn verplicht.",
|
||||
'usersettings.error.password_min': "Het wachtwoord moet minimaal %count% tekens bevatten.",
|
||||
'usersettings.error.password_long': "Het wachtwoord is te lang.",
|
||||
'usersettings.error.password_mismatch': "De nieuwe wachtwoorden komen niet overeen.",
|
||||
'usersettings.error.password_same': "Het nieuwe wachtwoord moet anders zijn dan het huidige wachtwoord.",
|
||||
'usersettings.error.not_authenticated': "Je bent niet ingelogd. Log opnieuw in.",
|
||||
'usersettings.error.network': "Kan de server niet bereiken. Probeer het opnieuw.",
|
||||
'usersettings.error.request_failed': "Verzoek mislukt (%status%).",
|
||||
'usersettings.error.email_long': "Het e-mailadres is te lang.",
|
||||
'usersettings.error.email_invalid': "Voer een geldig e-mailadres in.",
|
||||
'usersettings.error.username_length': "De gebruikersnaam moet tussen %min% en %max% tekens bevatten.",
|
||||
'usersettings.error.username_invalid': "De gebruikersnaam mag alleen letters, cijfers, punt, underscore en streepje bevatten.",
|
||||
'usersettings.error.username_same': "De nieuwe gebruikersnaam moet anders zijn dan de huidige.",
|
||||
'usersettings.success.password': "Wachtwoord succesvol bijgewerkt.",
|
||||
'usersettings.success.email': "E-mail succesvol bijgewerkt.",
|
||||
'usersettings.success.username': "Gebruikersnaam bijgewerkt. Log opnieuw in met je nieuwe naam.",
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { AddLinkEventTracker, GetSessionDataManager, ILinkEventTracker, RemoveLinkEventTracker } from '@nitrots/nitro-renderer';
|
||||
import { FC, KeyboardEvent, useEffect, useMemo, useState } from 'react';
|
||||
import { FaArrowLeft, FaCheckCircle, FaChevronRight, FaEnvelope, FaExclamationTriangle, FaEye, FaEyeSlash, FaIdBadge, FaInfoCircle, FaKey, FaShieldAlt, FaUserCog } from 'react-icons/fa';
|
||||
import { GetConfigurationValue, getAccessToken } from '../../api';
|
||||
import { GetConfigurationValue, LocalizeText, getAccessToken } from '../../api';
|
||||
import { Button, LayoutAvatarImageView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../common';
|
||||
|
||||
const MIN_PASSWORD_LENGTH = 8;
|
||||
@@ -17,9 +17,9 @@ const MAX_USERNAME_LENGTH = 25;
|
||||
type FeedbackKind = 'error' | 'success';
|
||||
type Section = 'menu' | 'password' | 'email' | 'username';
|
||||
|
||||
const passwordStrength = (value: string): { score: number; label: string; color: string } =>
|
||||
const passwordStrength = (value: string): { score: number; labelKey: string; color: string } =>
|
||||
{
|
||||
if(!value) return { score: 0, label: '', color: 'bg-black/10' };
|
||||
if(!value) return { score: 0, labelKey: '', color: 'bg-black/10' };
|
||||
|
||||
let score = 0;
|
||||
if(value.length >= MIN_PASSWORD_LENGTH) score++;
|
||||
@@ -28,10 +28,10 @@ const passwordStrength = (value: string): { score: number; label: string; color:
|
||||
if(/\d/.test(value)) score++;
|
||||
if(/[^A-Za-z0-9]/.test(value)) score++;
|
||||
|
||||
if(score <= 1) return { score: 1, label: 'Weak', color: 'bg-[#a81a12]' };
|
||||
if(score === 2) return { score: 2, label: 'Fair', color: 'bg-[#ffc107]' };
|
||||
if(score === 3) return { score: 3, label: 'Good', color: 'bg-[#1e7295]' };
|
||||
return { score: 4, label: 'Strong', color: 'bg-[#00800b]' };
|
||||
if(score <= 1) return { score: 1, labelKey: 'usersettings.strength.weak', color: 'bg-[#a81a12]' };
|
||||
if(score === 2) return { score: 2, labelKey: 'usersettings.strength.fair', color: 'bg-[#ffc107]' };
|
||||
if(score === 3) return { score: 3, labelKey: 'usersettings.strength.good', color: 'bg-[#1e7295]' };
|
||||
return { score: 4, labelKey: 'usersettings.strength.strong', color: 'bg-[#00800b]' };
|
||||
};
|
||||
|
||||
export const UserAccountSettingsView: FC<{}> = () =>
|
||||
@@ -131,38 +131,38 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
if(!currentPassword || !newPassword || !confirmPassword)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'All fields are required.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.fields_required') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newPassword.length < MIN_PASSWORD_LENGTH)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: `Password must be at least ${ MIN_PASSWORD_LENGTH } characters.` });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.password_min', [ 'count' ], [ MIN_PASSWORD_LENGTH.toString() ]) });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newPassword.length > MAX_PASSWORD_LENGTH)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Password is too long.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.password_long') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newPassword !== confirmPassword)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'New passwords do not match.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.password_mismatch') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newPassword === currentPassword)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'New password must be different from the current password.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.password_same') });
|
||||
return;
|
||||
}
|
||||
|
||||
const token = getAccessToken();
|
||||
if(!token)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'You are not authenticated. Please log in again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.not_authenticated') });
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -191,14 +191,14 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
{
|
||||
const message = typeof payload.error === 'string' && payload.error
|
||||
? payload.error
|
||||
: `Request failed (${ response.status }).`;
|
||||
: LocalizeText('usersettings.error.request_failed', [ 'status' ], [ response.status.toString() ]);
|
||||
setFeedback({ kind: 'error', message });
|
||||
return;
|
||||
}
|
||||
|
||||
const message = typeof payload.message === 'string' && payload.message
|
||||
? payload.message
|
||||
: 'Password updated successfully.';
|
||||
: LocalizeText('usersettings.success.password');
|
||||
setFeedback({ kind: 'success', message });
|
||||
setCurrentPassword('');
|
||||
setNewPassword('');
|
||||
@@ -208,7 +208,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
}
|
||||
catch
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Could not reach the server. Please try again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.network') });
|
||||
}
|
||||
finally
|
||||
{
|
||||
@@ -224,26 +224,26 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
if(!emailCurrentPassword || !newEmail)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'All fields are required.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.fields_required') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newEmail.length > MAX_EMAIL_LENGTH)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Email address is too long.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.email_long') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(!EMAIL_RE.test(newEmail))
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Please enter a valid email address.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.email_invalid') });
|
||||
return;
|
||||
}
|
||||
|
||||
const token = getAccessToken();
|
||||
if(!token)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'You are not authenticated. Please log in again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.not_authenticated') });
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -272,14 +272,14 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
{
|
||||
const message = typeof payload.error === 'string' && payload.error
|
||||
? payload.error
|
||||
: `Request failed (${ response.status }).`;
|
||||
: LocalizeText('usersettings.error.request_failed', [ 'status' ], [ response.status.toString() ]);
|
||||
setFeedback({ kind: 'error', message });
|
||||
return;
|
||||
}
|
||||
|
||||
const message = typeof payload.message === 'string' && payload.message
|
||||
? payload.message
|
||||
: 'Email updated successfully.';
|
||||
: LocalizeText('usersettings.success.email');
|
||||
setFeedback({ kind: 'success', message });
|
||||
setEmailCurrentPassword('');
|
||||
setNewEmail('');
|
||||
@@ -287,7 +287,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
}
|
||||
catch
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Could not reach the server. Please try again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.network') });
|
||||
}
|
||||
finally
|
||||
{
|
||||
@@ -303,32 +303,32 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
if(!usernameCurrentPassword || !newUsername)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'All fields are required.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.fields_required') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newUsername.length < MIN_USERNAME_LENGTH || newUsername.length > MAX_USERNAME_LENGTH)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: `Username must be between ${ MIN_USERNAME_LENGTH } and ${ MAX_USERNAME_LENGTH } characters.` });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.username_length', [ 'min', 'max' ], [ MIN_USERNAME_LENGTH.toString(), MAX_USERNAME_LENGTH.toString() ]) });
|
||||
return;
|
||||
}
|
||||
|
||||
if(!USERNAME_RE.test(newUsername))
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Username may only contain letters, numbers, dot, underscore and dash.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.username_invalid') });
|
||||
return;
|
||||
}
|
||||
|
||||
if(newUsername === session.username)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'New username must be different from the current one.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.username_same') });
|
||||
return;
|
||||
}
|
||||
|
||||
const token = getAccessToken();
|
||||
if(!token)
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'You are not authenticated. Please log in again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.not_authenticated') });
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -357,14 +357,14 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
{
|
||||
const message = typeof payload.error === 'string' && payload.error
|
||||
? payload.error
|
||||
: `Request failed (${ response.status }).`;
|
||||
: LocalizeText('usersettings.error.request_failed', [ 'status' ], [ response.status.toString() ]);
|
||||
setFeedback({ kind: 'error', message });
|
||||
return;
|
||||
}
|
||||
|
||||
const message = typeof payload.message === 'string' && payload.message
|
||||
? payload.message
|
||||
: 'Username updated. Please log in again with your new name.';
|
||||
: LocalizeText('usersettings.success.username');
|
||||
setFeedback({ kind: 'success', message });
|
||||
setUsernameCurrentPassword('');
|
||||
setNewUsername('');
|
||||
@@ -382,7 +382,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
}
|
||||
catch
|
||||
{
|
||||
setFeedback({ kind: 'error', message: 'Could not reach the server. Please try again.' });
|
||||
setFeedback({ kind: 'error', message: LocalizeText('usersettings.error.network') });
|
||||
}
|
||||
finally
|
||||
{
|
||||
@@ -394,7 +394,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
return (
|
||||
<NitroCardView className="user-account-settings-window w-[360px]" theme="primary-slim" uniqueKey="user-account-settings">
|
||||
<NitroCardHeaderView headerText="User Settings" onCloseClick={ close } />
|
||||
<NitroCardHeaderView headerText={ LocalizeText('usersettings.title') } onCloseClick={ close } />
|
||||
|
||||
<div className="relative flex items-center gap-3 px-3 py-2 bg-[linear-gradient(180deg,#2e8fb8_0%,#1e7295_100%)] text-white">
|
||||
<div className="absolute inset-0 opacity-20 pointer-events-none [background-image:radial-gradient(rgba(255,255,255,0.5)_1px,transparent_1px)] [background-size:6px_6px]" />
|
||||
@@ -410,16 +410,16 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
</div>
|
||||
) }
|
||||
<div className="relative flex flex-col leading-tight">
|
||||
<Text small className="text-white/80 uppercase tracking-wider">My account</Text>
|
||||
<Text bold className="text-white text-[15px]">{ session.username || 'Guest' }</Text>
|
||||
<Text small className="text-white/80">Manage your account and security</Text>
|
||||
<Text small className="text-white/80 uppercase tracking-wider">{ LocalizeText('usersettings.account.label') }</Text>
|
||||
<Text bold className="text-white text-[15px]">{ session.username || LocalizeText('usersettings.guest') }</Text>
|
||||
<Text small className="text-white/80">{ LocalizeText('usersettings.subtitle') }</Text>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<NitroCardContentView className="flex flex-col gap-2 text-black">
|
||||
{ section === 'menu' && (
|
||||
<div className="flex flex-col gap-2">
|
||||
<Text small className="text-black/60 uppercase tracking-wider px-1">Account</Text>
|
||||
<Text small className="text-black/60 uppercase tracking-wider px-1">{ LocalizeText('usersettings.menu.section') }</Text>
|
||||
<button
|
||||
type="button"
|
||||
className="group flex items-center gap-3 rounded-md border border-black/10 bg-white px-3 py-2 hover:bg-[#f5fbfd] hover:border-[#1e7295] transition-colors cursor-pointer text-left"
|
||||
@@ -428,8 +428,8 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaKey />
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 leading-tight">
|
||||
<Text bold>Reset password</Text>
|
||||
<Text small className="text-black/60">Change the password used to log in.</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.password.title') }</Text>
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.menu.password.desc') }</Text>
|
||||
</div>
|
||||
<FaChevronRight className="text-black/40 group-hover:text-[#1e7295]" />
|
||||
</button>
|
||||
@@ -442,8 +442,8 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaEnvelope />
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 leading-tight">
|
||||
<Text bold>Change email</Text>
|
||||
<Text small className="text-black/60">Update the email address on your account.</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.email.title') }</Text>
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.menu.email.desc') }</Text>
|
||||
</div>
|
||||
<FaChevronRight className="text-black/40 group-hover:text-[#1e7295]" />
|
||||
</button>
|
||||
@@ -456,8 +456,8 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaIdBadge />
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 leading-tight">
|
||||
<Text bold>Change username</Text>
|
||||
<Text small className="text-black/60">Pick a new name. You'll need to log in again.</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.username.title') }</Text>
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.menu.username.desc') }</Text>
|
||||
</div>
|
||||
<FaChevronRight className="text-black/40 group-hover:text-[#a37800]" />
|
||||
</button>
|
||||
@@ -467,8 +467,8 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaShieldAlt />
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 leading-tight">
|
||||
<Text bold className="text-black/60">More coming soon</Text>
|
||||
<Text small className="text-black/50">Two-factor authentication and more.</Text>
|
||||
<Text bold className="text-black/60">{ LocalizeText('usersettings.menu.soon.title') }</Text>
|
||||
<Text small className="text-black/50">{ LocalizeText('usersettings.menu.soon.desc') }</Text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -485,16 +485,16 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaArrowLeft size={ 11 } />
|
||||
</button>
|
||||
<FaUserCog className="text-[#1e7295]" />
|
||||
<Text bold>Reset password</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.password.title') }</Text>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-2 rounded-md border border-[#1e7295]/30 bg-[#1e7295]/10 px-2 py-2 text-[11px] leading-4 text-[#0d3d52]">
|
||||
<FaInfoCircle className="mt-[2px] shrink-0 text-[#1e7295]" />
|
||||
<span>Use at least <strong>{ MIN_PASSWORD_LENGTH } characters</strong>. Mix upper & lowercase, numbers and symbols for a stronger password.</span>
|
||||
<span>{ LocalizeText('usersettings.password.hint', [ 'count' ], [ MIN_PASSWORD_LENGTH.toString() ]) }</span>
|
||||
</div>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">Current password</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.current_password') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaKey className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -508,7 +508,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
aria-label={ showCurrent ? 'Hide password' : 'Show password' }
|
||||
aria-label={ showCurrent ? LocalizeText('usersettings.aria.hide_password') : LocalizeText('usersettings.aria.show_password') }
|
||||
onClick={ () => setShowCurrent(prev => !prev) }
|
||||
className="absolute right-2 text-black/40 hover:text-black/70">
|
||||
{ showCurrent ? <FaEyeSlash size={ 12 } /> : <FaEye size={ 12 } /> }
|
||||
@@ -517,7 +517,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
</label>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">New password</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.new_password') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaKey className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -531,7 +531,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
aria-label={ showNew ? 'Hide password' : 'Show password' }
|
||||
aria-label={ showNew ? LocalizeText('usersettings.aria.hide_password') : LocalizeText('usersettings.aria.show_password') }
|
||||
onClick={ () => setShowNew(prev => !prev) }
|
||||
className="absolute right-2 text-black/40 hover:text-black/70">
|
||||
{ showNew ? <FaEyeSlash size={ 12 } /> : <FaEye size={ 12 } /> }
|
||||
@@ -542,13 +542,13 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<div className="flex-1 h-1.5 rounded-full bg-black/10 overflow-hidden">
|
||||
<div className={ `h-full ${ strength.color } transition-all` } style={ { width: `${ (strength.score / 4) * 100 }%` } } />
|
||||
</div>
|
||||
<span className="text-[10px] text-black/60 w-12 text-right">{ strength.label }</span>
|
||||
<span className="text-[10px] text-black/60 w-12 text-right">{ strength.labelKey ? LocalizeText(strength.labelKey) : '' }</span>
|
||||
</div>
|
||||
) }
|
||||
</label>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">Retype new password</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.retype_password') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaKey className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -577,10 +577,10 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
<div className="flex justify-end gap-2 pt-1">
|
||||
<Button variant="secondary" disabled={ submitting } onClick={ () => { resetForm(); setSection('menu'); } }>
|
||||
Cancel
|
||||
{ LocalizeText('usersettings.btn.cancel') }
|
||||
</Button>
|
||||
<Button variant="success" disabled={ submitting } onClick={ () => submitPasswordChange() }>
|
||||
{ submitting ? 'Saving…' : 'Save password' }
|
||||
{ submitting ? LocalizeText('usersettings.btn.saving') : LocalizeText('usersettings.btn.save_password') }
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -597,16 +597,16 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaArrowLeft size={ 11 } />
|
||||
</button>
|
||||
<FaEnvelope className="text-[#185d79]" />
|
||||
<Text bold>Change email</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.email.title') }</Text>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-2 rounded-md border border-[#1e7295]/30 bg-[#1e7295]/10 px-2 py-2 text-[11px] leading-4 text-[#0d3d52]">
|
||||
<FaInfoCircle className="mt-[2px] shrink-0 text-[#1e7295]" />
|
||||
<span>For security we ask you to confirm your <strong>current password</strong> before changing the email on your account.</span>
|
||||
<span>{ LocalizeText('usersettings.email.hint') }</span>
|
||||
</div>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">Current password</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.current_password') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaKey className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -620,7 +620,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
aria-label={ showEmailPassword ? 'Hide password' : 'Show password' }
|
||||
aria-label={ showEmailPassword ? LocalizeText('usersettings.aria.hide_password') : LocalizeText('usersettings.aria.show_password') }
|
||||
onClick={ () => setShowEmailPassword(prev => !prev) }
|
||||
className="absolute right-2 text-black/40 hover:text-black/70">
|
||||
{ showEmailPassword ? <FaEyeSlash size={ 12 } /> : <FaEye size={ 12 } /> }
|
||||
@@ -629,7 +629,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
</label>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">New email address</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.new_email') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaEnvelope className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -660,10 +660,10 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
<div className="flex justify-end gap-2 pt-1">
|
||||
<Button variant="secondary" disabled={ submitting } onClick={ () => { resetForm(); setSection('menu'); } }>
|
||||
Cancel
|
||||
{ LocalizeText('usersettings.btn.cancel') }
|
||||
</Button>
|
||||
<Button variant="success" disabled={ submitting } onClick={ () => submitEmailChange() }>
|
||||
{ submitting ? 'Saving…' : 'Save email' }
|
||||
{ submitting ? LocalizeText('usersettings.btn.saving') : LocalizeText('usersettings.btn.save_email') }
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -680,16 +680,16 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaArrowLeft size={ 11 } />
|
||||
</button>
|
||||
<FaIdBadge className="text-[#a37800]" />
|
||||
<Text bold>Change username</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.menu.username.title') }</Text>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-2 rounded-md border border-[#ffc107]/50 bg-[#fff8e1] px-2 py-2 text-[11px] leading-4 text-[#5c4400]">
|
||||
<FaExclamationTriangle className="mt-[2px] shrink-0 text-[#a37800]" />
|
||||
<span>Renaming will <strong>log you out</strong> and you can only rename again after 30 days. Make sure your friends know your new name!</span>
|
||||
<span>{ LocalizeText('usersettings.username.hint') }</span>
|
||||
</div>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">Current password</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.current_password') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaKey className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -703,7 +703,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
aria-label={ showUsernamePassword ? 'Hide password' : 'Show password' }
|
||||
aria-label={ showUsernamePassword ? LocalizeText('usersettings.aria.hide_password') : LocalizeText('usersettings.aria.show_password') }
|
||||
onClick={ () => setShowUsernamePassword(prev => !prev) }
|
||||
className="absolute right-2 text-black/40 hover:text-black/70">
|
||||
{ showUsernamePassword ? <FaEyeSlash size={ 12 } /> : <FaEye size={ 12 } /> }
|
||||
@@ -712,7 +712,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
</label>
|
||||
|
||||
<label className="flex flex-col gap-1 text-[12px]">
|
||||
<span className="font-bold">New username</span>
|
||||
<span className="font-bold">{ LocalizeText('usersettings.field.new_username') }</span>
|
||||
<div className="relative flex items-center">
|
||||
<FaIdBadge className="absolute left-2 text-black/40" size={ 12 } />
|
||||
<input
|
||||
@@ -730,7 +730,7 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
<FaCheckCircle className="absolute right-2 text-[#00800b]" size={ 12 } />
|
||||
) }
|
||||
</div>
|
||||
<span className="text-[10px] text-black/50">{ MIN_USERNAME_LENGTH }-{ MAX_USERNAME_LENGTH } characters. Letters, numbers, dot, underscore and dash only.</span>
|
||||
<span className="text-[10px] text-black/50">{ LocalizeText('usersettings.username.rules', [ 'min', 'max' ], [ MIN_USERNAME_LENGTH.toString(), MAX_USERNAME_LENGTH.toString() ]) }</span>
|
||||
</label>
|
||||
|
||||
{ feedback && (
|
||||
@@ -744,10 +744,10 @@ export const UserAccountSettingsView: FC<{}> = () =>
|
||||
|
||||
<div className="flex justify-end gap-2 pt-1">
|
||||
<Button variant="secondary" disabled={ submitting } onClick={ () => { resetForm(); setSection('menu'); } }>
|
||||
Cancel
|
||||
{ LocalizeText('usersettings.btn.cancel') }
|
||||
</Button>
|
||||
<Button variant="warning" disabled={ submitting } onClick={ () => submitUsernameChange() }>
|
||||
{ submitting ? 'Renaming…' : 'Rename me' }
|
||||
{ submitting ? LocalizeText('usersettings.btn.renaming') : LocalizeText('usersettings.btn.rename') }
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -135,8 +135,8 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
<NitroCardHeaderView headerText={ LocalizeText('widget.memenu.settings.title') } onCloseClick={ event => processAction('close_view') } />
|
||||
<NitroCardContentView className="text-black">
|
||||
<div className="flex items-center gap-1 mb-2 border-b border-black/10 pb-1">
|
||||
<button type="button" onClick={ () => setActiveTab('general') } className={ classNames('px-3 py-1 rounded text-xs font-bold cursor-pointer transition-colors', activeTab === 'general' ? 'bg-[#1e7295] text-white' : 'bg-black/5 hover:bg-black/10') }>Generale</button>
|
||||
<button type="button" onClick={ () => setActiveTab('themes') } className={ classNames('px-3 py-1 rounded text-xs font-bold cursor-pointer transition-colors', activeTab === 'themes' ? 'bg-[#1e7295] text-white' : 'bg-black/5 hover:bg-black/10') }>Temi</button>
|
||||
<button type="button" onClick={ () => setActiveTab('general') } className={ classNames('px-3 py-1 rounded text-xs font-bold cursor-pointer transition-colors', activeTab === 'general' ? 'bg-[#1e7295] text-white' : 'bg-black/5 hover:bg-black/10') }>{ LocalizeText('usersettings.tab.general') }</button>
|
||||
<button type="button" onClick={ () => setActiveTab('themes') } className={ classNames('px-3 py-1 rounded text-xs font-bold cursor-pointer transition-colors', activeTab === 'themes' ? 'bg-[#1e7295] text-white' : 'bg-black/5 hover:bg-black/10') }>{ LocalizeText('usersettings.tab.themes') }</button>
|
||||
</div>
|
||||
{ activeTab === 'general' && <>
|
||||
<div className="flex flex-col gap-1">
|
||||
@@ -162,11 +162,11 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
<input checked={ chatWindowEnabled } className="form-check-input" type="checkbox" onChange={ event => setChatWindowEnabled(event.target.checked) } />
|
||||
<Text>Enable chat window</Text>
|
||||
<Text>{ LocalizeText('memenu.settings.other.enable.chat.window') }</Text>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
<input checked={ catalogClassicStyle } className="form-check-input" type="checkbox" onChange={ event => setCatalogClassicStyle(event.target.checked) } />
|
||||
<Text>Catalogo: stile classico</Text>
|
||||
<Text>{ LocalizeText('memenu.settings.other.catalog.classic.style') }</Text>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
@@ -208,8 +208,8 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
<FaUserCog size={ 12 } />
|
||||
</div>
|
||||
<div className="flex flex-col flex-1 leading-tight">
|
||||
<Text bold>User settings</Text>
|
||||
<Text small className="text-black/60">Password & account</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.open.title') }</Text>
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.open.subtitle') }</Text>
|
||||
</div>
|
||||
<span className="text-black/30 group-hover:text-[#1e7295] text-[10px]">›</span>
|
||||
</button>
|
||||
@@ -217,12 +217,12 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
</> }
|
||||
{ activeTab === 'themes' && <div className="flex flex-col gap-2">
|
||||
<div className="flex flex-col gap-1">
|
||||
<Text bold>Tema custom</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.themes.custom') }</Text>
|
||||
<select
|
||||
value={ activeThemeId }
|
||||
onChange={ event => selectTheme(event.target.value) }
|
||||
className="form-select rounded border border-black/15 px-2 py-1 text-sm">
|
||||
<option value="">Default (nessun tema)</option>
|
||||
<option value="">{ LocalizeText('usersettings.themes.default_option') }</option>
|
||||
{ themes.map(theme => (
|
||||
<option key={ theme.id } value={ theme.id }>{ theme.name }{ theme.author ? ` — ${ theme.author }` : '' }</option>
|
||||
)) }
|
||||
@@ -230,7 +230,7 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
</div>
|
||||
{ activeThemeId && manifest && manifest.pieces.length > 0 &&
|
||||
<div className="flex flex-col gap-1 pt-1 border-t border-black/10">
|
||||
<Text bold>Pezzi attivi</Text>
|
||||
<Text bold>{ LocalizeText('usersettings.themes.active_pieces') }</Text>
|
||||
{ manifest.pieces.map(piece => (
|
||||
<div key={ piece.id } className="flex items-center gap-1">
|
||||
<input className="form-check-input" type="checkbox" checked={ activeEnabled.includes(piece.id) } onChange={ () => togglePiece(piece.id) } />
|
||||
@@ -239,9 +239,9 @@ export const UserSettingsView: FC<{}> = props =>
|
||||
)) }
|
||||
</div> }
|
||||
{ activeThemeId && !manifest &&
|
||||
<Text small className="text-black/60">Tema non valido o non raggiungibile — uso il default.</Text> }
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.themes.invalid') }</Text> }
|
||||
{ !themes.length &&
|
||||
<Text small className="text-black/60">Nessun tema disponibile. Aggiungi una cartella in custom-themes/ sul server.</Text> }
|
||||
<Text small className="text-black/60">{ LocalizeText('usersettings.themes.none') }</Text> }
|
||||
</div> }
|
||||
</NitroCardContentView>
|
||||
</NitroCardView>
|
||||
|
||||
Reference in New Issue
Block a user