feat: Add useTranslation on FieldPassword

BearStudio · Jul 24, 2024 · 0e2e972 · 0e2e972
1 parent b70b260
commit 0e2e972
Showing 1 changed file with 7 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();
   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('password.hide', 'Hide password')
+                    : t('password.show', 'Show password')
+                }
                 display="flex"
                 size="xs"
                 fontSize="lg"