From c1b1400a4192fb87fe5aa2d02cd582748a2fd5ce Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal Date: Wed, 28 May 2025 14:27:00 +0530 Subject: [PATCH] chore: auth forms semantics and accessibility --- .../i18n/src/locales/cs/accessibility.json | 9 ++- .../i18n/src/locales/de/accessibility.json | 9 ++- .../i18n/src/locales/en/accessibility.json | 9 ++- .../i18n/src/locales/es/accessibility.json | 9 ++- .../i18n/src/locales/fr/accessibility.json | 9 ++- .../i18n/src/locales/id/accessibility.json | 9 ++- .../i18n/src/locales/it/accessibility.json | 9 ++- .../i18n/src/locales/ja/accessibility.json | 9 ++- .../i18n/src/locales/ko/accessibility.json | 9 ++- .../i18n/src/locales/pl/accessibility.json | 9 ++- .../i18n/src/locales/pt-BR/accessibility.json | 9 ++- .../i18n/src/locales/ro/accessibility.json | 9 ++- .../i18n/src/locales/ru/accessibility.json | 9 ++- .../i18n/src/locales/sk/accessibility.json | 9 ++- .../i18n/src/locales/tr-TR/accessibility.json | 9 ++- .../i18n/src/locales/ua/accessibility.json | 9 ++- .../i18n/src/locales/vi-VN/accessibility.json | 9 ++- .../i18n/src/locales/zh-CN/accessibility.json | 9 ++- .../i18n/src/locales/zh-TW/accessibility.json | 9 ++- web/app/layout.tsx | 2 +- .../account/auth-forms/auth-banner.tsx | 26 ++++--- .../account/auth-forms/auth-header.tsx | 4 +- .../components/account/auth-forms/email.tsx | 12 ++-- .../auth-forms/forgot-password-popover.tsx | 9 ++- .../account/auth-forms/password.tsx | 70 +++++++++++-------- .../account/auth-forms/unique-code.tsx | 29 +++++--- .../account/terms-and-conditions.tsx | 4 +- 27 files changed, 252 insertions(+), 75 deletions(-) diff --git a/packages/i18n/src/locales/cs/accessibility.json b/packages/i18n/src/locales/cs/accessibility.json index 4a715f75be1..676c2d44236 100644 --- a/packages/i18n/src/locales/cs/accessibility.json +++ b/packages/i18n/src/locales/cs/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Sbalit postranní panel", "expand_sidebar": "Rozbalit postranní panel", "edition_badge": "Otevřít modal placených plánů" + }, + "auth_forms": { + "clear_email": "Vymazat e-mail", + "show_password": "Zobrazit heslo", + "hide_password": "Skrýt heslo", + "close_alert": "Zavřít upozornění", + "close_popover": "Zavřít vyskakovací okno" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/de/accessibility.json b/packages/i18n/src/locales/de/accessibility.json index 0faf0091681..edf90970f2c 100644 --- a/packages/i18n/src/locales/de/accessibility.json +++ b/packages/i18n/src/locales/de/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Seitenleiste einklappen", "expand_sidebar": "Seitenleiste ausklappen", "edition_badge": "Modal für kostenpflichtige Pläne öffnen" + }, + "auth_forms": { + "clear_email": "E-Mail löschen", + "show_password": "Passwort anzeigen", + "hide_password": "Passwort verbergen", + "close_alert": "Warnung schließen", + "close_popover": "Popover schließen" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/en/accessibility.json b/packages/i18n/src/locales/en/accessibility.json index 35759d26627..86660d640ec 100644 --- a/packages/i18n/src/locales/en/accessibility.json +++ b/packages/i18n/src/locales/en/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Collapse sidebar", "expand_sidebar": "Expand sidebar", "edition_badge": "Open paid plans' modal" + }, + "auth_forms": { + "clear_email": "Clear email", + "show_password": "Show password", + "hide_password": "Hide password", + "close_alert": "Close alert", + "close_popover": "Close popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/es/accessibility.json b/packages/i18n/src/locales/es/accessibility.json index 41bf0b777d0..4d957f5a9f5 100644 --- a/packages/i18n/src/locales/es/accessibility.json +++ b/packages/i18n/src/locales/es/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Colapsar barra lateral", "expand_sidebar": "Expandir barra lateral", "edition_badge": "Abrir modal de planes de pago" + }, + "auth_forms": { + "clear_email": "Limpiar correo electrónico", + "show_password": "Mostrar contraseña", + "hide_password": "Ocultar contraseña", + "close_alert": "Cerrar alerta", + "close_popover": "Cerrar ventana emergente" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/fr/accessibility.json b/packages/i18n/src/locales/fr/accessibility.json index ba42a4f4183..435247c58bd 100644 --- a/packages/i18n/src/locales/fr/accessibility.json +++ b/packages/i18n/src/locales/fr/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Réduire la barre latérale", "expand_sidebar": "Étendre la barre latérale", "edition_badge": "Ouvrir le modal des plans payants" + }, + "auth_forms": { + "clear_email": "Effacer l'e-mail", + "show_password": "Afficher le mot de passe", + "hide_password": "Masquer le mot de passe", + "close_alert": "Fermer l'alerte", + "close_popover": "Fermer la fenêtre contextuelle" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/id/accessibility.json b/packages/i18n/src/locales/id/accessibility.json index 2aca032cc11..73207340152 100644 --- a/packages/i18n/src/locales/id/accessibility.json +++ b/packages/i18n/src/locales/id/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Tutup sidebar", "expand_sidebar": "Perluas sidebar", "edition_badge": "Buka modal paket berbayar" + }, + "auth_forms": { + "clear_email": "Hapus email", + "show_password": "Tampilkan kata sandi", + "hide_password": "Sembunyikan kata sandi", + "close_alert": "Tutup peringatan", + "close_popover": "Tutup popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/it/accessibility.json b/packages/i18n/src/locales/it/accessibility.json index 8f22d3b8ea4..16d22bcbc10 100644 --- a/packages/i18n/src/locales/it/accessibility.json +++ b/packages/i18n/src/locales/it/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Comprimi barra laterale", "expand_sidebar": "Espandi barra laterale", "edition_badge": "Apri modal piani a pagamento" + }, + "auth_forms": { + "clear_email": "Cancella email", + "show_password": "Mostra password", + "hide_password": "Nascondi password", + "close_alert": "Chiudi avviso", + "close_popover": "Chiudi popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/ja/accessibility.json b/packages/i18n/src/locales/ja/accessibility.json index a598c435a9a..b983500ff1c 100644 --- a/packages/i18n/src/locales/ja/accessibility.json +++ b/packages/i18n/src/locales/ja/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "サイドバーを折りたたむ", "expand_sidebar": "サイドバーを展開", "edition_badge": "有料プランのモーダルを開く" + }, + "auth_forms": { + "clear_email": "メールをクリア", + "show_password": "パスワードを表示", + "hide_password": "パスワードを非表示", + "close_alert": "アラートを閉じる", + "close_popover": "ポップオーバーを閉じる" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/ko/accessibility.json b/packages/i18n/src/locales/ko/accessibility.json index 491b8c35c6a..298a7e122d8 100644 --- a/packages/i18n/src/locales/ko/accessibility.json +++ b/packages/i18n/src/locales/ko/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "사이드바 축소", "expand_sidebar": "사이드바 확장", "edition_badge": "유료 플랜 모달 열기" + }, + "auth_forms": { + "clear_email": "이메일 지우기", + "show_password": "비밀번호 표시", + "hide_password": "비밀번호 숨기기", + "close_alert": "알림 닫기", + "close_popover": "팝오버 닫기" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/pl/accessibility.json b/packages/i18n/src/locales/pl/accessibility.json index 5ff936d47f2..c1407911acd 100644 --- a/packages/i18n/src/locales/pl/accessibility.json +++ b/packages/i18n/src/locales/pl/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Zwiń pasek boczny", "expand_sidebar": "Rozwiń pasek boczny", "edition_badge": "Otwórz modal płatnych planów" + }, + "auth_forms": { + "clear_email": "Wyczyść e-mail", + "show_password": "Pokaż hasło", + "hide_password": "Ukryj hasło", + "close_alert": "Zamknij alert", + "close_popover": "Zamknij popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/pt-BR/accessibility.json b/packages/i18n/src/locales/pt-BR/accessibility.json index 333b55a7fbc..de90eeb36d5 100644 --- a/packages/i18n/src/locales/pt-BR/accessibility.json +++ b/packages/i18n/src/locales/pt-BR/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Recolher barra lateral", "expand_sidebar": "Expandir barra lateral", "edition_badge": "Abrir modal de planos pagos" + }, + "auth_forms": { + "clear_email": "Limpar e-mail", + "show_password": "Mostrar senha", + "hide_password": "Ocultar senha", + "close_alert": "Fechar alerta", + "close_popover": "Fechar popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/ro/accessibility.json b/packages/i18n/src/locales/ro/accessibility.json index 1a201a48c8a..52f55548157 100644 --- a/packages/i18n/src/locales/ro/accessibility.json +++ b/packages/i18n/src/locales/ro/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Restrânge bara laterală", "expand_sidebar": "Extinde bara laterală", "edition_badge": "Deschide modalul planurilor plătite" + }, + "auth_forms": { + "clear_email": "Șterge e-mailul", + "show_password": "Afișează parola", + "hide_password": "Ascunde parola", + "close_alert": "Închide alerta", + "close_popover": "Închide popover-ul" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/ru/accessibility.json b/packages/i18n/src/locales/ru/accessibility.json index ebec8dc2f86..dd4dde76b14 100644 --- a/packages/i18n/src/locales/ru/accessibility.json +++ b/packages/i18n/src/locales/ru/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Свернуть боковую панель", "expand_sidebar": "Развернуть боковую панель", "edition_badge": "Открыть модал платных планов" + }, + "auth_forms": { + "clear_email": "Очистить email", + "show_password": "Показать пароль", + "hide_password": "Скрыть пароль", + "close_alert": "Закрыть уведомление", + "close_popover": "Закрыть всплывающее окно" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/sk/accessibility.json b/packages/i18n/src/locales/sk/accessibility.json index 59a309f6032..26c5c8be6fe 100644 --- a/packages/i18n/src/locales/sk/accessibility.json +++ b/packages/i18n/src/locales/sk/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Zbaliť bočný panel", "expand_sidebar": "Rozbaliť bočný panel", "edition_badge": "Otvoriť modal platených plánov" + }, + "auth_forms": { + "clear_email": "Vymazať e-mail", + "show_password": "Zobraziť heslo", + "hide_password": "Skryť heslo", + "close_alert": "Zavrieť upozornenie", + "close_popover": "Zavrieť vyskakovacie okno" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/tr-TR/accessibility.json b/packages/i18n/src/locales/tr-TR/accessibility.json index 35b8f340e9c..80a35611c2d 100644 --- a/packages/i18n/src/locales/tr-TR/accessibility.json +++ b/packages/i18n/src/locales/tr-TR/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Kenar çubuğunu daralt", "expand_sidebar": "Kenar çubuğunu genişlet", "edition_badge": "Ücretli planlar modalını aç" + }, + "auth_forms": { + "clear_email": "E-postayı temizle", + "show_password": "Şifreyi göster", + "hide_password": "Şifreyi gizle", + "close_alert": "Uyarıyı kapat", + "close_popover": "Açılır pencereyi kapat" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/ua/accessibility.json b/packages/i18n/src/locales/ua/accessibility.json index b6bdc7d52be..42766731214 100644 --- a/packages/i18n/src/locales/ua/accessibility.json +++ b/packages/i18n/src/locales/ua/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Згорнути бічну панель", "expand_sidebar": "Розгорнути бічну панель", "edition_badge": "Відкрити модал платних планів" + }, + "auth_forms": { + "clear_email": "Очистити email", + "show_password": "Показати пароль", + "hide_password": "Приховати пароль", + "close_alert": "Закрити сповіщення", + "close_popover": "Закрити спливаюче вікно" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/vi-VN/accessibility.json b/packages/i18n/src/locales/vi-VN/accessibility.json index 8071da9e388..b3ab93530e0 100644 --- a/packages/i18n/src/locales/vi-VN/accessibility.json +++ b/packages/i18n/src/locales/vi-VN/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "Thu gọn thanh bên", "expand_sidebar": "Mở rộng thanh bên", "edition_badge": "Mở modal gói trả phí" + }, + "auth_forms": { + "clear_email": "Xóa email", + "show_password": "Hiển thị mật khẩu", + "hide_password": "Ẩn mật khẩu", + "close_alert": "Đóng cảnh báo", + "close_popover": "Đóng popover" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/zh-CN/accessibility.json b/packages/i18n/src/locales/zh-CN/accessibility.json index b19f68676ac..fea84d06373 100644 --- a/packages/i18n/src/locales/zh-CN/accessibility.json +++ b/packages/i18n/src/locales/zh-CN/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "折叠侧边栏", "expand_sidebar": "展开侧边栏", "edition_badge": "打开付费计划模态框" + }, + "auth_forms": { + "clear_email": "清除邮箱", + "show_password": "显示密码", + "hide_password": "隐藏密码", + "close_alert": "关闭警告", + "close_popover": "关闭弹出框" } } -} \ No newline at end of file +} diff --git a/packages/i18n/src/locales/zh-TW/accessibility.json b/packages/i18n/src/locales/zh-TW/accessibility.json index 97e07ae73b9..75747f86124 100644 --- a/packages/i18n/src/locales/zh-TW/accessibility.json +++ b/packages/i18n/src/locales/zh-TW/accessibility.json @@ -22,6 +22,13 @@ "collapse_sidebar": "摺疊側邊欄", "expand_sidebar": "展開側邊欄", "edition_badge": "打開付費計劃模態框" + }, + "auth_forms": { + "clear_email": "清除電子郵件", + "show_password": "顯示密碼", + "hide_password": "隱藏密碼", + "close_alert": "關閉警告", + "close_popover": "關閉彈出框" } } -} \ No newline at end of file +} diff --git a/web/app/layout.tsx b/web/app/layout.tsx index a36c75c49bc..d368a70d7bd 100644 --- a/web/app/layout.tsx +++ b/web/app/layout.tsx @@ -69,7 +69,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) "app-container" )} > -
{children}
+
{children}
diff --git a/web/core/components/account/auth-forms/auth-banner.tsx b/web/core/components/account/auth-forms/auth-banner.tsx index 191d7a0a772..da1c57c4a8b 100644 --- a/web/core/components/account/auth-forms/auth-banner.tsx +++ b/web/core/components/account/auth-forms/auth-banner.tsx @@ -1,5 +1,7 @@ import { FC } from "react"; import { Info, X } from "lucide-react"; +// plane imports +import { useTranslation } from "@plane/i18n"; // helpers import { TAuthErrorInfo } from "@/helpers/authentication.helper"; @@ -10,20 +12,28 @@ type TAuthBanner = { export const AuthBanner: FC = (props) => { const { bannerData, handleBannerData } = props; + // translation + const { t } = useTranslation(); if (!bannerData) return <>; + return ( -
-
+
+
-
{bannerData?.message}
-
handleBannerData && handleBannerData(undefined)} +

{bannerData?.message}

+
+ +
); }; diff --git a/web/core/components/account/auth-forms/auth-header.tsx b/web/core/components/account/auth-forms/auth-header.tsx index b33c694bab5..c705c7edd6a 100644 --- a/web/core/components/account/auth-forms/auth-header.tsx +++ b/web/core/components/account/auth-forms/auth-header.tsx @@ -102,9 +102,9 @@ export const AuthHeader: FC = observer((props) => { return ( <>
-

+

{typeof header === "string" ? t(header) : header} -

+

{t(subHeader)}

{children} diff --git a/web/core/components/account/auth-forms/email.tsx b/web/core/components/account/auth-forms/email.tsx index 724f524421e..9f3129364e0 100644 --- a/web/core/components/account/auth-forms/email.tsx +++ b/web/core/components/account/auth-forms/email.tsx @@ -47,7 +47,7 @@ export const AuthEmailForm: FC = observer((props) => { return (
-
)} diff --git a/web/core/components/account/auth-forms/password.tsx b/web/core/components/account/auth-forms/password.tsx index 979899679a3..0692eb86d86 100644 --- a/web/core/components/account/auth-forms/password.tsx +++ b/web/core/components/account/auth-forms/password.tsx @@ -167,7 +167,7 @@ export const AuthPasswordForm: React.FC = observer((props: Props) => { {nextPath && }
-
-
{mode === EAuthModes.SIGN_UP && (
-