feat: password missing translation (#510)

* feat: Add password translation in auth.json * feat: Add useTranslation on FieldPassword * feat: Replace translation + adapt FiledPassword * feat: Rename hide and show password * feat: Remove common --------- Co-authored-by: Nikola LEGAY <[email protected]>
BearStudio · Jul 26, 2024 · 8edad0d · 8edad0d
1 parent 50a42bf
commit 8edad0d
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 1 deletion.
diff --git a/src/components/Form/FieldPassword/index.tsx b/src/components/Form/FieldPassword/index.tsx
@@ -16,6 +16,7 @@ import {
  FieldPath,
  FieldValues,
 } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
 import { RiEyeCloseLine, RiEyeLine } from 'react-icons/ri';
 
 import { FieldCommonProps } from '@/components/Form/FormFieldController';
@@ -38,6 +39,7 @@ export const FieldPassword = <
 >(
  props: FieldPasswordProps<TFieldValues, TName>
 ) => {
+ const { t } = useTranslation(['components']);
  const [showPassword, setShowPassword] = useState(false);
  return (
  <Controller
@@ -56,7 +58,11 @@ export const FieldPassword = <
  <IconButton
  isDisabled={props.isDisabled}
  onClick={() => setShowPassword((x) => !x)}
- aria-label={showPassword ? 'Hide password' : 'Show password'} // TODO: translation
+ aria-label={
+ showPassword
+ ? t('components:fieldPassword.hidePassword')
+ : t('components:fieldPassword.showPassword')
+ }
  display="flex"
  size="xs"
  fontSize="lg"

diff --git a/src/locales/ar/components.json b/src/locales/ar/components.json
@@ -89,5 +89,9 @@
  },
  "formField": {
  "optional": "خياري"
+ },
+ "fieldPassword": {
+ "showPassword": "عرض كلمة المرور",
+ "hidePassword": "إخفاء كلمة المرور"
  }
 }
diff --git a/src/locales/en/components.json b/src/locales/en/components.json
@@ -89,5 +89,9 @@
  "november": "November",
  "december": "December"
  }
+ },
+ "fieldPassword": {
+ "showPassword": "Show password",
+ "hidePassword": "Hide password"
  }
 }
diff --git a/src/locales/fr/components.json b/src/locales/fr/components.json
@@ -89,5 +89,9 @@
  },
  "formField": {
  "optional": "Facultatif"
+ },
+ "fieldPassword": {
+ "showPassword": "Afficher le mot de passe",
+ "hidePassword": "Masquer le mot de passe"
  }
 }
diff --git a/src/locales/sw/components.json b/src/locales/sw/components.json
@@ -89,5 +89,9 @@
  },
  "formField": {
  "optional": "Hiari"
+ },
+ "fieldPassword": {
+ "showPassword": "Onyesha nenosiri",
+ "hidePassword": "Ficha nenosiri"
  }
 }